56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
export const themeList = {
|
|
dark: {
|
|
/*下拉框*/
|
|
antSelectDropdownBg: '#00152b',
|
|
antSelectDropdownBorderColor: '#1b7ef2',
|
|
antSelectItemActive: '#002e64', //选中或鼠标移过
|
|
antSelectFontColor: '#fff',
|
|
antSelectBg: '#000',
|
|
/*服务详情数据*/
|
|
typeTimeSelectColor: '#45a2ff',
|
|
typeTimeUnSelectColor: '#a3a4a4',
|
|
// 表格
|
|
tableHeadBg: 'rgba(35, 132, 221, 0.5)',
|
|
tableFontColor: '#fff',
|
|
tableRowBg: '#00152b',
|
|
tableRowBorder: '#2384dd',
|
|
pageItemLink: '#1f2935',
|
|
pageItemActiveBg: '#0081ff',
|
|
//form
|
|
formLabel: '#1b7ef2',
|
|
//地图弹窗
|
|
alarmContentBg: '#00152B',
|
|
alarmBorder: '#1b7ef2',
|
|
},
|
|
light: {
|
|
antSelectDropdownBg: '#fff',
|
|
antSelectDropdownBorderColor: '#607DDB',
|
|
antSelectItemActive: '#ced7f6',
|
|
antSelectFontColor: '#5876DB',
|
|
antSelectBg: '#ced7f6',
|
|
/*服务详情数据*/
|
|
typeTimeSelectColor: '#45a2ff',
|
|
typeTimeUnSelectColor: '#a3a4a4',
|
|
// 表格
|
|
tableHeadBg: '#bdc9f5',
|
|
tableFontColor: '#607DDB',
|
|
tableRowBg: '#f3f5ff',
|
|
tableRowBorder: '#e1e6fa',
|
|
pageItemLink: '#bdc9f5',
|
|
pageItemActiveBg: '#7092ff',
|
|
//form
|
|
formLabel: '#7092ff',
|
|
//地图弹窗
|
|
alarmContentBg: '#ced7f6',
|
|
alarmBorder: '#1b7ef2',
|
|
},
|
|
};
|
|
|
|
export function setTheme(theme: string) {
|
|
const themeStyle = themeList[theme];
|
|
for (const key in themeStyle) {
|
|
document.documentElement.style.setProperty(`--${key}`, themeStyle[key]);
|
|
document.documentElement.className = theme;
|
|
}
|
|
}
|