global.config.js

// 全部的配置数据
const globalConfig = {
    //调色板 颜色
    palettes: ['#f5222d', '#fa541c', '#fadb14', '#3eaf7c', '#13c2c2', '#1890ff', '#722ed1', '#eb2f96'],
    //tab出入动画效果
    animates: {
        preset: [
            //参考Animate.css 各种特效的css命名，default对应没有 direction的情况
            { name: 'back', alias: '渐近', directions: ['Left', 'Right'] },
            { name: 'bounce', alias: '弹跳', directions: ['Left', 'Right', 'Default'] },
            {
                name: 'fade',
                alias: '淡化',
                directions: ['Left', 'LeftBig', 'Right', 'RightBig', 'Default'],
            },
            { name: 'lightSpeed', alias: '光速', directions: ['Left', 'Right'] },
            { name: 'slide', alias: '滑动', directions: ['Left', 'Right'] },
        ],
    },
    //当前主色调 + 3个功能颜色 + 3个模式菜单颜色
    primary: {
        color: '#3eaf7c',
        warning: '#faad14',
        success: '#52c41a',
        error: '#f5222d',
        light: {
            menuColors: ['#000c17', '#001529', '#002140'],
        },
        dark: {
            menuColors: ['#000c17', '#001529', '#002140'],
        },
        night: {
            menuColors: ['#151515', '#1f1f1f', '#1e1e1e'],
        },
    },
    //主题
    theme: {
        mode: {
            DARK: 'dark',
            LIGHT: 'light',
            NIGHT: 'night',
        },
        dark: {
            'layout-body-background': '#f0f2f5',
            'body-background': '#fff',
            'component-background': '#fff',
            'heading-color': 'rgba(0, 0, 0, 0.85)',
            'text-color': 'rgba(0, 0, 0, 0.65)',
            'text-color-inverse': '#fff',
            'text-color-secondary': 'rgba(0, 0, 0, 0.45)',
            'shadow-color': 'rgba(0, 0, 0, 0.15)',
            'border-color-split': '#f0f0f0',
            'background-color-light': '#fafafa',
            'background-color-base': '#f5f5f5',
            'table-selected-row-bg': '#fafafa',
            'table-expanded-row-bg': '#fbfbfb',
            'checkbox-check-color': '#fff',
            'disabled-color': 'rgba(0, 0, 0, 0.25)',
            'menu-dark-color': 'rgba(254, 254, 254, 0.65)',
            'menu-dark-highlight-color': '#fefefe',
            'menu-dark-arrow-color': '#fefefe',
            'btn-primary-color': '#fff',
        },
        light: {
            'layout-body-background': '#f0f2f5',
            'body-background': '#fff',
            'component-background': '#fff',
            'heading-color': 'rgba(0, 0, 0, 0.85)',
            'text-color': 'rgba(0, 0, 0, 0.65)',
            'text-color-inverse': '#fff',
            'text-color-secondary': 'rgba(0, 0, 0, 0.45)',
            'shadow-color': 'rgba(0, 0, 0, 0.15)',
            'border-color-split': '#f0f0f0',
            'background-color-light': '#fafafa',
            'background-color-base': '#f5f5f5',
            'table-selected-row-bg': '#fafafa',
            'table-expanded-row-bg': '#fbfbfb',
            'checkbox-check-color': '#fff',
            'disabled-color': 'rgba(0, 0, 0, 0.25)',
            'menu-dark-color': 'rgba(1, 1, 1, 0.65)',
            'menu-dark-highlight-color': '#fefefe',
            'menu-dark-arrow-color': '#fefefe',
            'btn-primary-color': '#fff',
        },
        night: {
            'layout-body-background': '#000',
            'body-background': '#141414',
            'component-background': '#141414',
            'heading-color': 'rgba(255, 255, 255, 0.85)',
            'text-color': 'rgba(255, 255, 255, 0.85)',
            'text-color-inverse': '#141414',
            'text-color-secondary': 'rgba(255, 255, 255, 0.45)',
            'shadow-color': 'rgba(255, 255, 255, 0.15)',
            'border-color-split': '#303030',
            'background-color-light': '#ffffff0a',
            'background-color-base': '#2a2a2a',
            'table-selected-row-bg': '#ffffff0a',
            'table-expanded-row-bg': '#ffffff0b',
            'checkbox-check-color': '#141414',
            'disabled-color': 'rgba(255, 255, 255, 0.25)',
            'menu-dark-color': 'rgba(254, 254, 254, 0.65)',
            'menu-dark-highlight-color': '#fefefe',
            'menu-dark-arrow-color': '#fefefe',
            'btn-primary-color': '#141414',
        },
    },
    layout: {
        SIDE: 'side',
        HEAD: 'head',
    },
};

module.exports = globalConfig;