import type { ThemeConfig } from "./ThemeDefine";

export const DefaultTheme : ThemeConfig = {
  varOverrides: {
    spaceSize: {
      xs: '10rpx',
      sm: '15rpx',
      md: '20rpx',
      lg: '30rpx',
    },
    fontSize: {
      mini: 22,
      small: 26,
      medium: 30,
      large: 38,
      larger: 46,
    },
    shadow: {
      default: '0 0 10rpx rgba(0, 0, 0, 0.1)',
      light: '0 0 10rpx rgba(0, 0, 0, 0.05)',
      dark: '0 0 10rpx rgba(0, 0, 0, 0.2)',
    },
  },
  colorConfigs: {
    default: {
      default: 'transparent',
      button: '#dddddd',
      primary: '#007AFF',
      secondary: '#0462C7',
      success: '#4CAF50',
      info: '#2196F3',
      warning: '#FFC107',
      danger: '#F44336',
      notice: '#ffffff',
      light: '#F5F5F5',
      dark: '#212121',
      white: '#FFFFFF',
      black: '#000000',
      grey: '#dddddd',
      lightGrey: '#cccccc',
      darkGrey: '#999999',
      skeleton: 'rgba(46,50,56, 0.05)',
    },
    pressed: {
      default: 'rgba(0,0,0,0.35)',
      white: '#e7e7e7',
      black: '#666666',
      grey: '#aaaaaa',
      primary: '#0960ac',
      success: '#278950',
      warning: '#dd8700',
      info: '#0960ac',
      notice: '#dddddd',
      danger: '#d70920',
    },
    mask: {
      default: 'rgba(0, 0, 0, 0.3)',
      white: 'rgba(250, 250, 250, 0.8)',
      primary: 'rgba(9, 96, 172, 0.2)',
      info: 'rgba(33, 150, 243, 0.2)',
      success: 'rgba(39, 137, 80, 0.3)',
      warning: 'rgba(221, 135, 0, 0.2)',
      danger: 'rgba(215, 9, 32, 0.2)',
    },
    background: {
      page: '#f8f8f8',
      primary: '#eff2ff',
      success: '#e0f6de',
      warning: '#FEECD2',
      danger: '#fff0f0',
      info: '#eff2ff',
      imageBox: '#dfdfdf',
      cell: '#ffffff',
      bar: '#f8f8f8',
      box: '#dadada',
      switch: '#dadada',
      notify: '#f8f8f8',
      toast: 'rgba(0, 0, 0, 0.85)',
      mask: 'rgba(0, 0, 0, 0.6)',
    },
    text: {
      title: '#000000',
      light: '#ffffff',
      content: '#333333',
      second: '#999999',
      link: '#007AFF',
      info: '#007AFF',
      primary: '#014D8E',
      success: '#2EA200',
      warning: '#D87001',
      danger: '#BE0405',
    },
    border: {
      input: '#dadada',
      default: '#dddddd',
      cell: '#efefef',
      light: '#eeeeee',
    },
  },
  textConfigs: {
    h1: {
      color: 'text.title',
      fontSize: '50px',
      fontWeight: 'bold',
    },
    h2: {
      color: 'text.title',
      fontSize: '45rpx',
      fontWeight: 'bold',
    },
    h3: {
      color: 'text.title',
      fontSize: '40rpx',
      fontWeight: 'bold',
    },
    h4: {
      color: 'text.title',
      fontSize: '36rpx',
      fontWeight: 'bold',
    },
    h5: {
      color: 'text.title',
      fontSize: '30rpx',
      fontWeight: 'bold',
    },
    h6: {
      color: 'text.title',
      fontSize: '26rpx',
      fontWeight: 'bold',
    },
    content: {
      color: 'text.content',
      fontSize: '24rpx',
    },
    subText: {
      color: 'text.content',
      fontSize: '26rpx',
    },
    footerText: {
      color: 'text.second',
      fontSize: '24rpx',
    },
  }
}