@codedoc/core/dist/es6/theme.js

Create beautiful modern documentation websites.

import Color from 'color';
export const DefaultCodeTheme = {
    background: '#212121',
    text: '#e0e0e0',
    shadow: '0 6px 12px rgba(0, 0, 0, .25)',
    keyword: '#7187ff',
    string: '#69f0ae',
    boolean: '#ffc400',
    number: '#ffc400',
    operator: '#18ffff',
    function: '#e0e0e0',
    parameter: '#e0e0e0',
    comment: '#757575',
    builtin: '#e0e0e0',
    punctuation: '#fcf7bb',
    tag: '#ffa372',
    className: '#e0e0e0',
    attrName: '#f6d186',
    attrValue: '#69f0ae',
    plainText: '#bdbdbd',
    script: '#e0e0e0',
    placeholder: '#18ffff',
    selector: '#ffa372',
    property: '#f6d186',
    important: '#be79df',
    cssfunc: '#9aceff',
    key: '#f6d186',
    lineHover: '#3b3b3b',
    lineHighlight: 'rgb(40, 46, 73)',
    lineHighlightAdded: '#002d2d',
    lineHighlightAddedIndicator: '#44e08a',
    lineHighlightRemoved: '#3e0c1b',
    lineHighlightRemovedIndicator: '#ff0000',
    lineHighlightText: '#ffffff',
    lineCounter: '#616161',
    lineCounterBorder: 'rgba(255, 255, 255, .015)',
    lineCounterBorderHover: 'rgba(255, 255, 255, .1)',
    lineCounterHighlight: '#7187ff',
    errorUnderline: '#e8505b',
    warningUnderline: '#ffa931ee',
    terminalPrefix: '#616161',
    terminalOutput: '#757575',
    terminalOutputBackground: 'rgba(255, 255, 255, .06)',
};
export const DefaultCodeThemeLight = {
    background: '#eeeeee',
    text: '#616161',
    shadow: '0 6px 12px #e0e0e0',
    keyword: '#7187ff',
    string: '#639a67',
    boolean: '#d45079',
    number: '#d45079',
    operator: '#3282b8',
    function: '#616161',
    parameter: '#616161',
    comment: '#bdbdbd',
    builtin: '#616161',
    punctuation: '#3282b8',
    tag: '#be79df',
    className: '#616161',
    attrName: '#ef962d',
    attrValue: '#639a67',
    plainText: '#bdbdbd',
    script: '#616161',
    placeholder: '#3282b8',
    selector: '#be79df',
    property: '#ef962d',
    important: '#be79df',
    cssfunc: '#3282b8',
    key: '#ef962d',
    lineHover: '#e7e7e7',
    lineHighlight: '#d7e4ff',
    lineHighlightAdded: '#d1f5d3',
    lineHighlightAddedIndicator: '#1cc36b',
    lineHighlightRemoved: '#fdced9',
    lineHighlightRemovedIndicator: '#ff0000',
    lineHighlightText: '#212121',
    lineCounter: '#bdbdbd',
    lineCounterBorder: 'rgba(255, 255, 255, .015)',
    lineCounterBorderHover: 'rgba(255, 255, 255, .1)',
    lineCounterHighlight: '#7187ff',
    errorUnderline: '#fa1616',
    warningUnderline: '#f37121',
    terminalPrefix: '#bdbdbd',
    terminalOutput: '#9e9e9e',
    terminalOutputBackground: 'rgba(0, 0, 0, .03)',
};
export const DefaultTheme = {
    light: {
        primary: '#4A90E2',
        primaryContrast: 'deduce',
        background: '#f5f5f5',
        text: '#424242',
        border: '#e0e0e0',
        code: '#616161',
    },
    dark: {
        primary: '#4A90E2',
        primaryContrast: 'deduce',
        background: '#212121',
        text: '#eeeeee',
        border: '#313131',
        code: '#e0e0e0',
    },
    code: {
        wmbar: true,
        light: DefaultCodeTheme,
        dark: Object.assign(Object.assign({}, DefaultCodeTheme), { background: '#000000', shadow: '0 6px 12px #121212', lineHover: '#1a1a1a', lineHighlight: 'rgb(28, 29, 48)' })
    },
    quote: {
        light: {
            background: '#eeeeee',
            border: '#e0e0e0',
            text: '#757575',
        },
        dark: {
            background: '#282828',
            border: '#363636',
            text: '#cacaca',
        }
    },
    toc: {
        light: {
            background: '#f1f1f1',
            border: '#e7e7e7',
        },
        dark: {
            background: '#1f1f1f',
            border: '#282828',
        },
    },
    formula: {
        light: {
            background: '#eeeeee',
            text: '#757575',
            highlight: '#e8e8e8',
        },
        dark: {
            background: '#282828',
            text: '#cacaca',
            highlight: '#323232'
        },
    },
};
export function createTheme(extension) {
    const res = Object.assign({}, DefaultTheme);
    if (extension.light)
        Object.assign(res.light, extension.light);
    if (res.light.primaryContrast === 'deduce')
        res.light.primaryContrast = Color(res.light.primary).darken(.05).isLight() ? 'black' : 'white';
    if (extension.dark)
        Object.assign(res.dark, extension.dark);
    if (res.dark.primaryContrast === 'deduce')
        res.dark.primaryContrast = Color(res.dark.primary).darken(.05).isDark() ? 'white' : 'black';
    if (extension.code) {
        if (extension.code.wmbar !== undefined)
            res.code.wmbar = extension.code.wmbar;
        if (extension.code.light)
            Object.assign(res.code.light, extension.code.light);
        if (extension.code.dark)
            Object.assign(res.code.dark, extension.code.dark);
    }
    if (extension.quote) {
        if (extension.quote.light)
            Object.assign(res.quote.light, extension.quote.light);
        if (extension.quote.dark)
            Object.assign(res.quote.dark, extension.quote.dark);
    }
    if (extension.toc) {
        if (extension.toc.light)
            Object.assign(res.toc.light, extension.toc.light);
        if (extension.toc.dark)
            Object.assign(res.toc.dark, extension.toc.dark);
    }
    if (extension.formula) {
        if (extension.formula.light)
            Object.assign(res.formula.light, extension.formula.light);
        if (extension.formula.dark)
            Object.assign(res.formula.dark, extension.formula.dark);
    }
    return res;
}
//# sourceMappingURL=theme.js.map