35 lines
1.0 KiB
JavaScript
35 lines
1.0 KiB
JavaScript
// 主题配置文件
|
|
export const themeConfig = {
|
|
// 主题色配置 - 统一使用 #0055A2
|
|
primary: {
|
|
main: '#0055A2',
|
|
light: '#337AB7',
|
|
dark: '#003F73',
|
|
gradient: 'rgba(0, 85, 162, 0.6)', // 渐变结束色
|
|
},
|
|
|
|
// 渐变配置
|
|
gradients: {
|
|
// 水平渐变 (90度)
|
|
horizontal: 'linear-gradient(90deg, #0055A2, rgba(0, 85, 162, 0.6))',
|
|
// 垂直渐变 (180度)
|
|
vertical: 'linear-gradient(180deg, #0055A2 0%, rgba(0, 85, 162, 0.6) 100%)',
|
|
// 对角渐变
|
|
diagonal: 'linear-gradient(135deg, #0055A2, rgba(0, 85, 162, 0.6))',
|
|
},
|
|
|
|
// CSS 变量映射
|
|
getCSSVars() {
|
|
return {
|
|
'--theme-primary': this.primary.main,
|
|
'--theme-primary-light': this.primary.light,
|
|
'--theme-primary-dark': this.primary.dark,
|
|
'--theme-primary-gradient': this.primary.gradient,
|
|
'--gradient-horizontal-primary': this.gradients.horizontal,
|
|
'--gradient-vertical-primary': this.gradients.vertical,
|
|
'--gradient-diagonal-primary': this.gradients.diagonal,
|
|
};
|
|
}
|
|
};
|
|
|
|
export default themeConfig; |