mirror of
https://github.com/iczer/vue-antd-admin
synced 2025-04-06 04:00:06 +08:00
65 lines
2.3 KiB
JavaScript
65 lines
2.3 KiB
JavaScript
const client = require('webpack-theme-color-replacer/client')
|
|
const {theme} = require('../config')
|
|
const {getMenuColors, getAntdColors, getThemeToggleColors, getFunctionalColors} = require('../utils/colors')
|
|
const {ANTD} = require('../config/default')
|
|
|
|
module.exports = {
|
|
getThemeColors(color, $theme) {
|
|
const _color = color || theme.color
|
|
const mode = $theme || theme.mode
|
|
const replaceColors = getThemeToggleColors(_color, mode)
|
|
const themeColors = [
|
|
...replaceColors.mainColors,
|
|
...replaceColors.subColors,
|
|
...replaceColors.menuColors,
|
|
...replaceColors.contentColors,
|
|
...replaceColors.rgbColors,
|
|
...replaceColors.functionalColors.success,
|
|
...replaceColors.functionalColors.warning,
|
|
...replaceColors.functionalColors.error,
|
|
]
|
|
return themeColors
|
|
},
|
|
changeThemeColor (newColor, $theme) {
|
|
let promise = client.changer.changeColor({newColors: this.getThemeColors(newColor, $theme)})
|
|
return promise
|
|
},
|
|
modifyVars(color) {
|
|
let _color = color || theme.color
|
|
const palettes = getAntdColors(_color, theme.mode)
|
|
const menuColors = getMenuColors(_color, theme.mode)
|
|
const {success, warning, error} = getFunctionalColors(theme.mode)
|
|
const primary = palettes[5]
|
|
return {
|
|
'primary-color': primary,
|
|
'primary-1': palettes[0],
|
|
'primary-2': palettes[1],
|
|
'primary-3': palettes[2],
|
|
'primary-4': palettes[3],
|
|
'primary-5': palettes[4],
|
|
'primary-6': palettes[5],
|
|
'primary-7': palettes[6],
|
|
'primary-8': palettes[7],
|
|
'primary-9': palettes[8],
|
|
'primary-10': palettes[9],
|
|
'info-color': primary,
|
|
'success-color': success[3],
|
|
'warning-color': warning[3],
|
|
'error-color': error[3],
|
|
'alert-info-bg-color': palettes[0],
|
|
'alert-info-border-color': palettes[2],
|
|
'alert-success-bg-color': success[0],
|
|
'alert-success-border-color': success[2],
|
|
'alert-warning-bg-color': warning[0],
|
|
'alert-warning-border-color': warning[2],
|
|
'alert-error-bg-color': error[0],
|
|
'alert-error-border-color': error[2],
|
|
'processing-color': primary,
|
|
'menu-dark-submenu-bg': menuColors[0],
|
|
'layout-header-background': menuColors[1],
|
|
'layout-trigger-background': menuColors[2],
|
|
...ANTD.theme[theme.mode]
|
|
}
|
|
}
|
|
}
|