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: 'rgba(18, 18, 18, 1)',
      },
    },
    light: {
      common: {
        borderRadius: '4px',
        baseColor: 'rgba(255, 255, 255, 1)',
      },
    },
  },
  /**
   *
   * @description
   * 配置 echart 主题颜色。
   * 约定配置时以：主题名称为文件名，其文件夹下两个主题风格的 json 文件。并且暗色主题必须为 xxx-dark.json。
   *
   * [文档地址](https://xiaodaigua-ray.github.io/ray-template-doc/ray-template-docs/advanced/echart-themes.html)
   */
  echartTheme: 'macarons',
}