src/styles/themes/dark.css
/* 深色主题配置 */

html[data-theme='dark'] {
  /* 背景色 */
  --color-bg-primary: oklch(19.2% 0.042 255.3);
  --color-bg-secondary: oklch(23.8% 0.044 255.2);
  --color-bg-tertiary: oklch(33.1% 0.037 254.4);
  
  /* 文本颜色 */
  --color-text-primary: color-mix(in oklab, white 95%, transparent);
  --color-text-secondary: color-mix(in oklab, white 70%, transparent);
  
  /* 边框和分隔线 */
  --color-border: color-mix(in oklab, white 10%, transparent);
  
  /* 强调色和交互元素 */
  --color-accent: var(--color-primary-500);
  --color-accent-hover: var(--color-primary-400);
  
  /* 阴影 */
  --color-shadow: color-mix(in oklab, black 30%, transparent);
  
  /* 滚动条 */
  --color-scrollbar-thumb: color-mix(in oklab, white 20%, transparent);
  --color-scrollbar-track: color-mix(in oklab, black 30%, transparent);
  
  /* 卡片和面板 */
  --color-card-bg: oklch(23.8% 0.044 255.2);
  --color-card-border: color-mix(in oklab, white 15%, transparent);
  
  /* 输入框 */
  --color-input-bg: oklch(26% 0.03 257);
  --color-input-border: color-mix(in oklab, white 20%, transparent);
  --color-input-text: color-mix(in oklab, white 90%, transparent);
  --color-input-placeholder: color-mix(in oklab, white 50%, transparent);
  
  /* 按钮 - 默认 */
  --color-button-bg: oklch(30% 0.04 255);
  --color-button-text: white;
  --color-button-border: color-mix(in oklab, white 20%, transparent);
  --color-button-hover-bg: oklch(35% 0.04 255);
  
  /* 按钮 - 主要 */
  --color-button-primary-bg: var(--color-primary-600);
  --color-button-primary-text: white;
  --color-button-primary-hover-bg: var(--color-primary-700);
  
  /* 按钮 - 次要 */
  --color-button-secondary-bg: var(--color-secondary-600);
  --color-button-secondary-text: white;
  --color-button-secondary-hover-bg: var(--color-secondary-700);
  
  /* 标题特定样式 */
  --title-glow: 0 0 10px var(--color-accent);
  --title-gradient: linear-gradient(90deg, var(--color-primary-500), var(--color-secondary-500));
  --title-decoration-gradient: linear-gradient(90deg, var(--color-primary-600), var(--color-secondary-600));
}