@mozaik/themes
Version:
Mozaïk official themes
78 lines (77 loc) • 2.7 kB
JavaScript
import colors from './colors';
import charts from './charts';
import typography from './typography';
export default {
name: 'night blue',
typography: typography,
colors: colors,
root: {
color: colors.text,
background: colors.background,
extend: '\n @import url(\'https://fonts.googleapis.com/css?family=Raleway:200,400,600,800|Montserrat:400,700\');\n \n & a {\n color: #f6ecd0;\n }\n '
},
dashboard: {
header: {
background: '#2b3847',
color: colors.text,
boxShadow: '0 1px 1px rgba(0, 0, 0, 0.35)',
title: {}
}
},
widget: {
background: '#2b3847',
extend: '\n border-radius: 2px;\n box-shadow: 0 1px 1px rgba(0, 0, 0, .35);\n ',
wrapper: {
padding: '0.6vmin'
},
header: {
height: '5vmin',
background: '#323f53',
color: colors.text,
extend: '\n box-shadow: 0 1px 0 #495b71 inset;\n border-bottom: 1px solid #253246;\n border-radius: 2px 2px 0 0;\n ',
subject: {},
count: {
color: '#7e9ebc',
extend: '\n background-color: #1e2836;\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset;\n text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);\n border-radius: 2px;\n padding: 0.5vmin 0.8vmin;\n '
},
icon: {
fontSize: '2.2vmin',
color: '#e0c671'
}
},
body: {
top: '5vmin'
}
},
notifications: {
item: {
padding: '1.2vmin 2vmin',
background: colors.background,
color: colors.text,
extend: '\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 10px 20px rgba(0, 0, 0, 0.15);\n border-radius: 2px;\n '
}
},
label: {
extend: '\n border-radius: 2px;\n ',
main: {
background: '#212e41',
color: '#e0c671'
},
addon: {
background: '#1e2836',
color: '#e0c671'
}
},
list: {
item: {
extend: '\n border-bottom: 1px solid #28323f;\n &:last-child {\n border-bottom: 0;\n }\n ',
hover: {
background: '#2f3d4b'
},
meta: {
color: '#879db7'
}
}
},
charts: charts
};