/** * * @author Ray * * @date 2023-05-19 * * @workspace ray-template * * @remark 今天也是元气满满撸代码的一天 */ /** 系统颜色风格配置入口 */ import type { AppTheme } from '@/types/modules/cfg' export const APP_THEME: AppTheme = { /** * * 系统主题颜色预设色盘 * 支持 RGBA、RGB、十六进制 */ APP_THEME_COLOR: [ '#2d8cf0', '#0960bd', '#536dfe', '#ff5c93', '#ee4f12', '#9c27b0', '#ff9800', '#18A058', ], /** 系统主题色 */ APP_PRIMARY_COLOR: { /** 主题色 */ primaryColor: '#2d8cf0', /** 主题辅助色(用于整体 hover、active 等之类颜色) */ primaryFadeColor: 'rgba(45, 140, 240, 0.3)', }, /** * * 配置系统 naive-ui 主题色 * 官网文档地址: * * 注意: * - APP_PRIMARY_COLOR common 配置优先级大于该配置 * * 如果需要定制化整体组件样式, 配置示例 * ``` * const themeOverrides: GlobalThemeOverrides = { * common: { * primaryColor: '#FF0000', * }, * Button: { * textColor: '#FF0000', * }, * } * ``` * * 具体自行查看官网, 还有模式更佳丰富的 peers 主题变量配置 * 地址: */ APP_NAIVE_UI_THEME_OVERRIDES: {}, /** * * 配置 echart 主题颜色 * 约定配置时以:主题名称为文件名,其文件夹下两个主题风格的 json 文件。并且暗色主题必须为 xxx-dark.json */ echartTheme: 'macarons', }