src/styles/themes/base.js

/**
 * 主题基础配置
 * 定义所有主题共用的颜色变量结构
 */

export const themeConfig = {
  // 基础背景色
  backgrounds: {
    primary: '--bg-primary',
    card: '--bg-card',
    secondary: '--bg-secondary', 
    overlay: '--bg-overlay'
  },
  
  // 渐变背景色
  gradients: {
    1: '--bg-gradient-1',
    2: '--bg-gradient-2', 
    3: '--bg-gradient-3',
    4: '--bg-gradient-4'
  },
  
  // 主题色系
  primary: {
    main: '--primary-color',
    hover: '--primary-color-hover',
    active: '--primary-color-active',
    pressed: '--primary-color-pressed'
  },
  
  // 文字颜色
  text: {
    primary: '--text-primary',
    secondary: '--text-secondary',
    tertiary: '--text-tertiary',
    disabled: '--text-disabled'
  },
  
  // 边框颜色
  borders: {
    light: '--border-light',
    lighter: '--border-lighter',
    card: '--border-card',
    strong: '--border-strong'
  },
  
  // 状态颜色
  status: {
    success: '--success-color',
    warning: '--warning-color', 
    error: '--error-color',
    info: '--info-color'
  },
  
  // 特殊效果
  effects: {
    shadow: '--shadow-color',
    glow: '--glow-color',
    overlayDark: '--overlay-dark',
    overlayLight: '--overlay-light'
  }
}

// 默认样式配置
export const defaultStyles = {
  // 组件尺寸
  sizes: {
    'tabbar-height': '49px',
    'mini-player-height': '64px',
    'list-item-height': '64px',
    'touch-target': '44px'
  },
  
  // 圆角
  radius: {
    'radius-small': '12px',
    'radius-card': '20px'
  },
  
  // 动画
  transitions: {
    'transition-fast': '0.3s ease',
    'transition-slow': '0.5s ease'
  }
}