feat: custom theme colors support for dark mode; 🌟

新增:自定义主题色对暗黑模式的支持;
This commit is contained in:
iczer
2020-06-30 20:49:47 +08:00
parent 252bbc110b
commit f348ddfe5e
6 changed files with 26 additions and 8 deletions

View File

@@ -2,6 +2,7 @@ const varyColor = require('webpack-theme-color-replacer/client/varyColor')
const client = require('webpack-theme-color-replacer/client')
const generate = require('@ant-design/colors/lib/generate').default
const themeColor = require('../config').themeColor
const getDarkColors = require('../utils/colors').getDarkColors
module.exports = {
primaryColor: themeColor,
@@ -11,7 +12,8 @@ module.exports = {
})
const palettes = generate(color)
const rgb = varyColor.toNum3(color.replace('#', '')).join(',')
return palettes.concat(lightens).concat(rgb)
let darkBgColors = getDarkColors(color, 'dark')
return palettes.concat(lightens).concat(rgb).concat(darkBgColors)
},
changeThemeColor (newColor) {
let lastColor = this.lastColor || this.primaryColor