@mozaik/themes/es/night-blue/index.js

Mozaïk official themes

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
};