32 lines
1.0 KiB
JavaScript
32 lines
1.0 KiB
JavaScript
/**
|
|
* 主题配置
|
|
* 统一管理应用的主题色，方便在模板中使用
|
|
*/
|
|
|
|
export const THEME_COLORS = {
|
|
// 中医药主题色
|
|
// primary: '#b8956a', // 金棕色 - 主要按钮、选中状态
|
|
// secondary: '#8b6f47', // 深棕色 - 文字、图标
|
|
// light: '#f5ede0', // 浅米色 - 背景、标签
|
|
// border: '#d4c4a8', // 边框色
|
|
// bg: '#faf8f3', // 浅背景色
|
|
|
|
primary: '#0f9f8d', // 深青绿：主要按钮、选中状态
|
|
secondary: '#344743', // 品牌青绿：图标、强调文字
|
|
light: '#e8f8f5', // 淡薄荷色：标签、次级区域
|
|
border: '#23c7b0', // 明亮青绿：边框、焦点状态
|
|
bg: '#f7fbfa',
|
|
|
|
// 常用颜色
|
|
gray: '#999',
|
|
darkGray: '#666',
|
|
lightGray: '#f5f5f5',
|
|
}
|
|
|
|
// 导出单个颜色，方便使用
|
|
export const themeColor = THEME_COLORS.primary
|
|
export const themeSecondary = THEME_COLORS.secondary
|
|
export const themeLight = THEME_COLORS.light
|
|
export const themeBorder = THEME_COLORS.border
|
|
export const themeBg = THEME_COLORS.bg
|