@mozaik/themes
Version:
Mozaïk official themes
82 lines (81 loc) • 2.67 kB
JavaScript
import colors from './colors';
import charts from './charts';
export default {
name: 'snow',
colors: colors,
root: {
color: colors.text,
background: colors.background,
extend: '\n @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,200,600,700|Montserrat:400,700");\n \n & a {\n color: #2d7189;\n }\n '
},
dashboard: {
header: {
background: '#fff',
boxShadow: '0 1px 3px rgba(0, 0, 0, .15)',
padding: '0 3.6vmin',
title: {
color: '#000',
fontFamily: '\'Montserrat\', sans-serif',
fontSize: '2vmin'
}
},
player: {
slash: {
color: '#0badc2',
fontSize: '2.2vmin'
}
}
},
widget: {
background: '#fff',
extend: '\n border-radius: 2px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n ',
wrapper: {
padding: '1vmin'
},
header: {
height: '5vmin',
background: '#fafafa',
extend: '\n border-bottom: 1px solid ' + colors.background + ';\n border-radius: 2px 2px 0 0;\n ',
subject: {
color: '#000'
},
count: {
extend: '\n border-radius: 2vmin;\n padding: 0.4vmin 1.2vmin;\n border: 1px solid #ddd;\n '
},
icon: {
fontSize: '2.6vmin',
color: '#8fccd2'
}
},
body: {
top: '5vmin'
}
},
notifications: {
item: {
padding: '1.2vmin 2vmin',
background: '#fff',
extend: '\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);\n border-radius: 2px;\n font-size: 1.6vmin;\n '
}
},
label: {
extend: '\n border-radius: 2px;\n border: 1px solid #ddd;\n ',
addon: {
background: colors.background,
color: '#000'
}
},
list: {
item: {
extend: '\n border-bottom: 1px solid ' + colors.background + ';\n &:last-child {\n border-bottom: 0;\n }\n ',
hover: {
background: '#eee'
},
meta: {
color: '#777',
fontSize: '1.4vmin'
}
}
},
charts: charts
};