mirror of
https://github.com/iczer/vue-antd-admin
synced 2025-04-06 04:00:06 +08:00
74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
// 主题模式
|
|
const mode = {
|
|
LIGHT: 'light',
|
|
DARK: 'dark',
|
|
NIGHT: 'night',
|
|
}
|
|
// 亮色模式
|
|
const 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',
|
|
'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',
|
|
}
|
|
|
|
// 暗色模式
|
|
const 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',
|
|
'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'
|
|
}
|
|
|
|
// 黑夜模式
|
|
const 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',
|
|
'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',
|
|
}
|
|
|
|
module.exports = {light, dark, night, mode}
|