49 lines
1.1 KiB
JavaScript
49 lines
1.1 KiB
JavaScript
import message from 'ant-design-vue/es/message'
|
|
// import defaultSettings from '../defaultSettings';
|
|
import themeColor from './themeColor.js'
|
|
|
|
// let lessNodesAppended
|
|
const colorList = [
|
|
{
|
|
key: '薄暮', color: '#F5222D'
|
|
},
|
|
{
|
|
key: '火山', color: '#FA541C'
|
|
},
|
|
{
|
|
key: '日暮', color: '#FAAD14'
|
|
},
|
|
{
|
|
key: '明青', color: '#13C2C2'
|
|
},
|
|
{
|
|
key: '极光绿', color: '#52C41A'
|
|
},
|
|
{
|
|
key: '拂晓蓝（默认）', color: '#1890FF'
|
|
},
|
|
{
|
|
key: '极客蓝', color: '#2F54EB'
|
|
},
|
|
{
|
|
key: '酱紫', color: '#722ED1'
|
|
}
|
|
]
|
|
|
|
const updateTheme = newPrimaryColor => {
|
|
const hideMessage = message.loading('正在切换主题！', 0)
|
|
themeColor.changeColor(newPrimaryColor).finally(() => {
|
|
setTimeout(() => {
|
|
hideMessage()
|
|
}, 10)
|
|
})
|
|
}
|
|
|
|
const updateColorWeak = colorWeak => {
|
|
// document.body.className = colorWeak ? 'colorWeak' : '';
|
|
const app = document.body.querySelector('#app')
|
|
colorWeak ? app.classList.add('colorWeak') : app.classList.remove('colorWeak')
|
|
}
|
|
|
|
export { updateTheme, colorList, updateColorWeak }
|