@mozaik/themes
Version:
Mozaïk official themes
78 lines (77 loc) • 1.98 kB
JavaScript
import colors from './colors';
import charts from './charts';
import typography from './typography';
export default {
name: 'solarized dark',
typography: typography,
colors: colors,
root: {
fontFamily: '\'Space Mono\', Consolas, monospace',
background: colors.background,
fontSize: '1.6vmin',
lineHeight: '2.8vmin',
extend: '\n @import url(\'https://fonts.googleapis.com/css?family=Space+Mono\');\n \n & a {\n text-decoration: underline;\n }\n '
},
dashboard: {
header: {
background: '#002b36',
title: {
fontSize: '1.8vmin',
color: '#eee8d5'
}
},
player: {
slash: {
color: '#0badc2',
margin: '0 0.8vmin'
}
}
},
widget: {
background: '#002b36',
wrapper: {
padding: '0.6vmin'
},
header: {
height: '5vmin',
subject: {},
count: {
color: '#eee8d5'
},
icon: {
fontSize: '2vmin',
color: '#0badc2'
}
}
},
notifications: {
item: {
padding: '1.2vmin 2vmin',
background: colors.background,
color: '#b3c5c7',
extend: '\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n '
}
},
label: {
background: colors.background,
extend: '\n border-radius: 2px;\n ',
main: {
color: '#839496'
},
addon: {
background: '#00242f',
color: '#93a1a1'
}
},
list: {
item: {
hover: {
background: '#002834'
},
meta: {
fontSize: '1.4vmin'
}
}
},
charts: charts
};