mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-10-06 06:40:02 +08:00
74 lines
1.9 KiB
TypeScript
74 lines
1.9 KiB
TypeScript
import type { AppTheme } from '@/types'
|
|
|
|
export const APP_THEME: AppTheme = {
|
|
/**
|
|
*
|
|
* @description
|
|
* 系统主题颜色预设色盘。
|
|
* 支持 RGBA、RGB、十六进制。
|
|
*/
|
|
appThemeColors: [
|
|
'#2d8cf0',
|
|
'#3f9eff',
|
|
'#ff42bc',
|
|
'#ee4f12',
|
|
'#dbcb02',
|
|
'#18a058',
|
|
],
|
|
// 系统主题色
|
|
appPrimaryColor: {
|
|
// 主题色
|
|
primaryColor: '#2d8cf0',
|
|
// 主题辅助色(用于整体 hover、active 等之类颜色)
|
|
primaryFadeColor: 'rgba(45, 140, 240, 0.85)',
|
|
},
|
|
/**
|
|
*
|
|
* @description
|
|
* 配置系统 naive-ui 主题色。
|
|
* 官网文档地址: <https://www.naiveui.com/zh-CN/dark/docs/customize-theme>。
|
|
*
|
|
* 注意:
|
|
* - appPrimaryColor common 配置优先级大于该配置
|
|
*
|
|
* 如果需要定制化整体组件样式，配置示例。
|
|
* 具体自行查看官网，还有模式更佳丰富的 peers 主题变量配置。
|
|
* 地址: <https://www.naiveui.com/zh-CN/dark/docs/customize-theme#%E4%BD%BF%E7%94%A8-peers-%E4%B8%BB%E9%A2%98%E5%8F%98%E9%87%8F>
|
|
*
|
|
* @example
|
|
* ```
|
|
* const themeOverrides: GlobalThemeOverrides = {
|
|
* common: {
|
|
* primaryColor: '#FF0000',
|
|
* },
|
|
* Button: {
|
|
* textColor: '#FF0000',
|
|
* },
|
|
* }
|
|
* ```
|
|
*/
|
|
appNaiveUIThemeOverrides: {
|
|
dark: {
|
|
common: {
|
|
borderRadius: '4px',
|
|
baseColor: 'rgb(18, 18, 18)',
|
|
},
|
|
},
|
|
light: {
|
|
common: {
|
|
borderRadius: '4px',
|
|
baseColor: 'rgb(255, 255, 255)',
|
|
},
|
|
},
|
|
},
|
|
/**
|
|
*
|
|
* @description
|
|
* 配置 echart 主题颜色。
|
|
* 约定配置时以：主题名称为文件名，其文件夹下两个主题风格的 json 文件。并且暗色主题必须为 xxx-dark.json。
|
|
*
|
|
* [文档地址](https://xiaodaigua-ray.github.io/ray-template-doc/ray-template-docs/advanced/echart-themes.html)
|
|
*/
|
|
echartTheme: 'macarons',
|
|
}
|