ruoyi-plus-soybean/src/settings/theme/index.ts

74 lines
1.4 KiB
TypeScript

import type { ThemeSettings } from '@/interface';
import { EnumAnimate } from '@/enum';
const themeColorList = [
'#409EFF',
'#2d8cf0',
'#0960bd',
'#009688',
'#536dfe',
'#ff5c93',
'#ee4f12',
'#0096c7',
'#9c27b0',
'#ff9800',
'#FF3D68',
'#00C1D4',
'#71EFA3',
'#171010',
'#78DEC7',
'#1768AC',
'#FB9300',
'#FC5404'
];
const themeSettings: ThemeSettings = {
darkMode: false,
themeColor: themeColorList[0],
themeColorList,
otherColor: {
info: '#2080f0',
success: '#67C23A',
warning: '#E6A23C',
error: '#F56C6C'
},
navStyle: {
mode: 'vertical',
theme: 'light'
},
menuStyle: {
width: 200,
collapsedWidth: 64,
fixed: true,
splitMenu: false
},
headerStyle: {
height: 64,
bgColor: '#fff',
fixed: true,
showReload: true
},
multiTabStyle: {
visible: true,
bgColor: '#fff'
},
crumbsStyle: {
visible: true,
showIcon: false
},
pageStyle: {
animate: true,
animateType: 'zoom-fade',
animateTypeList: [
{ value: 'zoom-fade', label: EnumAnimate['zoom-fade'] },
{ value: 'zoom-out', label: EnumAnimate['zoom-out'] },
{ value: 'fade-slide', label: EnumAnimate['fade-slide'] },
{ value: 'fade', label: EnumAnimate.fade },
{ value: 'fade-bottom', label: EnumAnimate['fade-bottom'] },
{ value: 'fade-scale', label: EnumAnimate['fade-scale'] }
]
}
};
export default themeSettings;