/** Default theme settings */
export const themeSettings: App.Theme.ThemeSetting = {
  themeScheme: 'light', // light | dark
  grayscale: false, // 是否开启灰度模式
  colourWeakness: false, // 是否开启色弱模式
  recommendColor: false, // 是否开启推荐颜色
  themeColor: '#646cff', // 主题颜色
  themeRadius: 6, // 主题圆角
  otherColor: {
    info: '#2080f0',
    success: '#52c41a',
    warning: '#faad14',
    error: '#f5222d',
  },
  isInfoFollowPrimary: true, // 是否开启信息类颜色跟随主题颜色
  layout: { mode: 'vertical', scrollMode: 'content' }, // 布局模式 mode: horizontal | vertical
  page: { animate: true, animateMode: 'fade-slide' }, // 页面动画模式
  header: {
    height: 56, // 头部高度
    breadcrumb: { visible: true, showIcon: true }, // 是否显示面包屑
    multilingual: { visible: true }, // 是否显示多语言切换
    globalSearch: { visible: true }, // 是否显示全局搜索
  },
  tab: {
    visible: true, // 是否显示标签页
    cache: true, // 是否开启标签页缓存
    height: 44, // 标签页高度
    mode: 'chrome', // 标签页模式 chrome | default
    closeTabByMiddleClick: false, // 是否开启通过中键关闭标签页
  },
  fixedHeaderAndTab: true, // 是否固定头部和标签页
  sider: {
    inverted: false, // 是否开启侧边栏反色
    width: 220, // 侧边栏宽度
    collapsedWidth: 64, // 侧边栏折叠宽度
    mixWidth: 90, // 侧边栏混合宽度
    mixCollapsedWidth: 64, // 侧边栏混合折叠宽度
    mixChildMenuWidth: 200, // 侧边栏混合子菜单宽度
    autoSelectFirstMenu: false, // 是否自动选择第一个菜单
  },
  footer: { visible: true, fixed: false, height: 48, right: true }, // 是否固定底部
  watermark: {
    visible: false, // 是否显示水印
    text: 'reader-starAdmin', // 水印文本
    enableUserName: false, // 是否开启显示用户名
    enableTime: false, // 是否开启显示时间
    timeFormat: 'YYYY-MM-DD HH:mm', // 时间格式
  },
  tokens: {
    light: { // 亮色主题
      colors: {
        'container': 'rgb(255, 255, 255)',
        'layout': 'rgb(247, 250, 252)',
        'inverted': 'rgb(0, 20, 40)',
        'base-text': 'rgb(31, 31, 31)',
      },
      boxShadow: { // 亮色主题阴影
        header: '0 1px 2px rgb(0, 21, 41, 0.08)',
        sider: '2px 0 8px 0 rgb(29, 35, 41, 0.05)',
        tab: '0 1px 2px rgb(0, 21, 41, 0.08)',
      },
    },
    dark: { // 暗色主题
      colors: {
        'container': 'rgb(28, 28, 28)',
        'layout': 'rgb(18, 18, 18)',
        'base-text': 'rgb(224, 224, 224)',
      },
    },
  },
}

/**
 * Override theme settings
 *
 * If publish new version, use `overrideThemeSettings` to override certain theme settings
 */
export const overrideThemeSettings: Partial<App.Theme.ThemeSetting> = {}
