@mozaik/themes/es/solarized-dark/index.js

Mozaïk official themes

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