import { defineConfig, presetWind3, presetUno } from 'unocss'

export default defineConfig({
  presets: [presetUno({ dark: 'class' }), presetWind3()],
  theme: {
    colors: {
      // 背景色
      bg: {
        primary: 'var(--bg-primary)',
        secondary: 'var(--bg-secondary)',
        tertiary: 'var(--bg-tertiary)',
        sidebar: 'var(--sidebar-bg)',
        input: 'var(--input-bg)',
        button: 'var(--button-bg)'
      },
      // 文本色
      text: {
        primary: 'var(--text-primary)',
        secondary: 'var(--text-secondary)',
        active: 'var(--text-active)'
      },
      // 强调色
      accent: {
        blue: 'var(--accent-blue)',
        green: 'var(--accent-green)',
        yellow: 'var(--accent-yellow)',
        red: 'var(--accent-red)'
      },
      // 边框色
      border: 'var(--border-color)',
      // 特殊元素
      scrollbar: 'var(--scrollbar)'
    },
    // 扩展其他主题设置
    boxShadow: {
      panel: '0 2px 8px rgba(0, 0, 0, 0.15)',
      'dark-panel': '0 2px 8px rgba(0, 0, 0, 0.4)'
    }
  },
  shortcuts: {},
  rules: []
})