@agions/taroviz 1.2.0 → 1.3.0

package/src/themes/index.ts

@@ -1,8 +1,12 @@
 /**
- * TaroViz 主题系统
+ * TaroViz 主题系统 - 扩展版
  * 提供图表主题配置和自定义主题功能
  */
 
+// ============================================================================
+// 类型定义
+// ============================================================================
+
 /**
  * 内置主题类型
  */
@@ -21,123 +25,217 @@ export type BuiltinTheme =
   | 'purple-passion'
   | 'blue-green'
   | 'golden'
-  | 'forest';
+  | 'forest'
+  // 新增主题
+  | 'neon'
+  | 'glass'
+  | 'pastel'
+  | 'sunset'
+  | 'ocean'
+  | 'cyber'
+  | 'retro'
+  | 'elegant';
+
+/**
+ * 主题模式
+ */
+export type ThemeMode = 'light' | 'dark' | 'auto';
+
+/**
+ * 主题渐变类型
+ */
+export interface ThemeGradient {
+  /** 渐变起始色 */
+  start: string;
+  /** 渐变结束色 */
+  end: string;
+  /** 渐变角度 */
+  angle?: number;
+}
+
+/**
+ * 主题效果配置
+ */
+export interface ThemeEffects {
+  /** 是否启用阴影 */
+  shadows?: boolean;
+  /** 阴影颜色 */
+  shadowColor?: string;
+  /** 是否启用渐变 */
+  gradients?: boolean;
+  /** 自定义渐变 */
+  customGradients?: ThemeGradient[];
+  /** 是否启用玻璃态 */
+  glassmorphism?: boolean;
+  /** 玻璃态模糊度 */
+  blur?: number;
+  /** 圆角风格 */
+  borderRadius?: 'none' | 'small' | 'medium' | 'large' | 'pill';
+}
 
 /**
  * 主题配置选项
  */
 export interface ThemeOptions {
-  /**
-   * 主题类型
-   */
-  theme?: BuiltinTheme | Record<string, any>;
-
-  /**
-   * 是否启用深色模式
-   */
+  /** 主题名称/键名 */
+  theme?: BuiltinTheme | Record<string, unknown>;
+
+  /** 是否启用深色模式 */
   darkMode?: boolean;
 
-  /**
-   * 颜色列表
-   */
+  /** 主题模式 */
+  mode?: ThemeMode;
+
+  /** 颜色列表 */
   colors?: string[];
 
-  /**
-   * 背景色
-   */
+  /** 背景色 */
   backgroundColor?: string;
 
-  /**
-   * 文本颜色
-   */
+  /** 背景渐变 */
+  backgroundGradient?: ThemeGradient;
+
+  /** 文本颜色 */
   textColor?: string;
 
-  /**
-   * 字体
-   */
+  /** 次要文本颜色 */
+  textColorSecondary?: string;
+
+  /** 边框颜色 */
+  borderColor?: string;
+
+  /** 分割线颜色 */
+  dividerColor?: string;
+
+  /** 字体 */
   fontFamily?: string;
 
-  /**
-   * 主题名称
-   */
+  /** 标题字体 */
+  fontFamilyTitle?: string;
+
+  /** 正文字体 */
+  fontFamilyBody?: string;
+
+  /** 主题名称(显示用) */
   name?: string;
 
-  /**
-   * 主题描述
-   */
+  /** 主题描述 */
   description?: string;
 
-  /**
-   * 主题作者
-   */
+  /** 主题作者 */
   author?: string;
 
-  /**
-   * 主题版本
-   */
+  /** 主题版本 */
   version?: string;
 
-  /**
-   * 主题类型
-   */
-  type?: 'light' | 'dark' | 'auto';
-
-  /**
-   * 图表特定配置
-   */
-  chart?: {
-    /**
-     * 图例配置
-     */
-    legend?: {
-      textColor?: string;
-      backgroundColor?: string;
-      borderColor?: string;
-    };
-
-    /**
-     * 坐标轴配置
-     */
-    axis?: {
-      textColor?: string;
-      lineColor?: string;
-      tickColor?: string;
-      splitLineColor?: string;
-    };
-
-    /**
-     * 提示框配置
-     */
-    tooltip?: {
-      textColor?: string;
-      backgroundColor?: string;
-      borderColor?: string;
-    };
-
-    /**
-     * 标题配置
-     */
-    title?: {
-      textColor?: string;
-      subTextColor?: string;
-    };
-  };
+  /** 主题类型 */
+  type?: ThemeMode;
+
+  /** 主题标签 */
+  tags?: string[];
+
+  /** 效果配置 */
+  effects?: ThemeEffects;
+
+  /** 图表特定配置 */
+  chart?: ChartThemeConfig;
 }
 
 /**
- * 主题注册表
+ * 图表主题配置
  */
+export interface ChartThemeConfig {
+  /** 图例配置 */
+  legend?: LegendThemeConfig;
+  /** 坐标轴配置 */
+  axis?: AxisThemeConfig;
+  /** 提示框配置 */
+  tooltip?: TooltipThemeConfig;
+  /** 标题配置 */
+  title?: TitleThemeConfig;
+  /** 网格配置 */
+  grid?: GridThemeConfig;
+  /** 数据区域缩放配置 */
+  dataZoom?: DataZoomThemeConfig;
+  /** 时间线配置 */
+  timeline?: TimelineThemeConfig;
+}
+
+/** 图例主题配置 */
+export interface LegendThemeConfig {
+  textColor?: string;
+  backgroundColor?: string;
+  borderColor?: string;
+  borderRadius?: number | number[];
+  padding?: number | number[];
+}
+
+/** 坐标轴主题配置 */
+export interface AxisThemeConfig {
+  textColor?: string;
+  lineColor?: string;
+  tickColor?: string;
+  splitLineColor?: string;
+  splitAreaColor?: string;
+}
+
+/** 提示框主题配置 */
+export interface TooltipThemeConfig {
+  textColor?: string;
+  backgroundColor?: string;
+  borderColor?: string;
+  borderRadius?: number;
+  shadowColor?: string;
+}
+
+/** 标题主题配置 */
+export interface TitleThemeConfig {
+  textColor?: string;
+  subTextColor?: string;
+}
+
+/** 网格主题配置 */
+export interface GridThemeConfig {
+  backgroundColor?: string;
+  borderColor?: string;
+}
+
+/** 数据区域缩放主题配置 */
+export interface DataZoomThemeConfig {
+  backgroundColor?: string;
+  fillerColor?: string;
+  borderColor?: string;
+  textColor?: string;
+}
+
+/** 时间线主题配置 */
+export interface TimelineThemeConfig {
+  backgroundColor?: string;
+  borderColor?: string;
+  textColor?: string;
+  lineColor?: string;
+  controlColor?: string;
+}
+
+// ============================================================================
+// 主题注册表
+// ============================================================================
+
 const themeRegistry = new Map<string, ThemeOptions>();
 
-/**
- * 默认主题配置
- */
+// ============================================================================
+// 内置主题定义
+// ============================================================================
+
+/** 默认主题 */
 export const defaultTheme: ThemeOptions = {
   theme: 'default',
-  name: 'default',
-  description: '默认主题',
+  name: 'Default',
+  description: '简洁现代的默认主题',
   type: 'light',
+  mode: 'light',
   darkMode: false,
+  tags: ['modern', 'clean', 'default'],
   colors: [
     '#5470c6',
     '#91cc75',
@@ -149,21 +247,46 @@ export const defaultTheme: ThemeOptions = {
     '#9a60b4',
     '#ea7ccc',
   ],
-  backgroundColor: 'transparent',
-  textColor: '#333',
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  backgroundColor: '#ffffff',
+  textColor: '#333333',
+  textColorSecondary: '#666666',
+  borderColor: '#e8e8e8',
+  dividerColor: '#f0f0f0',
+  fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+  chart: {
+    legend: {
+      textColor: '#333333',
+      backgroundColor: 'transparent',
+      borderColor: '#e8e8e8',
+    },
+    axis: {
+      textColor: '#666666',
+      lineColor: '#e8e8e8',
+      tickColor: '#e8e8e8',
+      splitLineColor: '#f0f0f0',
+    },
+    tooltip: {
+      textColor: '#333333',
+      backgroundColor: 'rgba(255, 255, 255, 0.95)',
+      borderColor: '#e8e8e8',
+      borderRadius: 4,
+    },
+    title: {
+      textColor: '#333333',
+      subTextColor: '#666666',
+    },
+  },
 };
 
-/**
- * 深色主题配置
- */
+/** 深色主题 */
 export const darkTheme: ThemeOptions = {
   theme: 'dark',
-  name: 'dark',
-  description: '深色主题',
+  name: 'Dark',
+  description: '优雅的深色主题，适合夜间使用',
   type: 'dark',
+  mode: 'dark',
   darkMode: true,
+  tags: ['dark', 'night', 'modern'],
   colors: [
     '#4992ff',
     '#7cffb2',
@@ -175,156 +298,352 @@ export const darkTheme: ThemeOptions = {
     '#8d48e3',
     '#dd79ff',
   ],
-  backgroundColor: '#0f1117',
-  textColor: '#e1e1e1',
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  backgroundColor: '#1a1a2e',
+  textColor: '#e8e8e8',
+  textColorSecondary: '#a0a0a0',
+  borderColor: '#2d2d44',
+  dividerColor: '#252538',
+  fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+  chart: {
+    legend: {
+      textColor: '#e8e8e8',
+      backgroundColor: 'transparent',
+      borderColor: '#2d2d44',
+    },
+    axis: {
+      textColor: '#a0a0a0',
+      lineColor: '#2d2d44',
+      tickColor: '#2d2d44',
+      splitLineColor: '#252538',
+    },
+    tooltip: {
+      textColor: '#e8e8e8',
+      backgroundColor: 'rgba(26, 26, 46, 0.95)',
+      borderColor: '#2d2d44',
+      borderRadius: 4,
+    },
+    title: {
+      textColor: '#e8e8e8',
+      subTextColor: '#a0a0a0',
+    },
+  },
 };
 
-/**
- * Walden 主题配置
- */
-export const waldenTheme: ThemeOptions = {
-  theme: 'walden',
+/** Neon 霓虹主题 */
+export const neonTheme: ThemeOptions = {
+  theme: 'neon',
+  name: 'Neon',
+  description: '赛博朋克霓虹风格，炫酷吸睛',
+  type: 'dark',
+  mode: 'dark',
+  darkMode: true,
+  tags: ['neon', 'cyberpunk', 'colorful', 'dark'],
+  colors: [
+    '#00fff5',
+    '#ff00ff',
+    '#ffff00',
+    '#00ff00',
+    '#ff6b6b',
+    '#4ecdc4',
+    '#ffe66d',
+    '#95e1d3',
+    '#f38181',
+  ],
+  backgroundColor: '#0d0d1a',
+  textColor: '#ffffff',
+  textColorSecondary: '#b0b0b0',
+  borderColor: '#1a1a2e',
+  dividerColor: '#1a1a2e',
+  fontFamily: '"JetBrains Mono", "Fira Code", monospace',
+  effects: {
+    shadows: true,
+    shadowColor: 'rgba(0, 255, 245, 0.3)',
+    gradients: true,
+  },
+  chart: {
+    tooltip: {
+      textColor: '#ffffff',
+      backgroundColor: 'rgba(13, 13, 26, 0.95)',
+      borderColor: '#00fff5',
+      borderRadius: 4,
+      shadowColor: 'rgba(0, 255, 245, 0.3)',
+    },
+  },
+};
+
+/** Glass 玻璃态主题 */
+export const glassTheme: ThemeOptions = {
+  theme: 'glass',
+  name: 'Glass',
+  description: '现代玻璃态设计，半透明质感',
+  type: 'light',
+  mode: 'light',
   darkMode: false,
+  tags: ['glass', 'modern', 'minimal', 'light'],
   colors: [
-    '#0a437a',
-    '#3a84c4',
-    '#22a783',
-    '#48b591',
-    '#7fcdbb',
-    '#c9e4ca',
-    '#eef7d5',
-    '#fdf0d5',
-    '#fbb573',
-    '#f89540',
+    '#667eea',
+    '#764ba2',
+    '#f093fb',
+    '#f5576c',
+    '#4facfe',
+    '#00f2fe',
+    '#43e97b',
+    '#38f9d7',
+    '#fa709a',
   ],
-  backgroundColor: '#f0f8f5',
-  textColor: '#2c5042',
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  backgroundColor: 'rgba(255, 255, 255, 0.8)',
+  backgroundGradient: {
+    start: '#f5f7fa',
+    end: '#c3cfe2',
+    angle: 135,
+  },
+  textColor: '#2d3748',
+  textColorSecondary: '#718096',
+  borderColor: 'rgba(255, 255, 255, 0.5)',
+  dividerColor: 'rgba(255, 255, 255, 0.3)',
+  fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, sans-serif',
+  effects: {
+    glassmorphism: true,
+    blur: 10,
+    shadows: true,
+    shadowColor: 'rgba(0, 0, 0, 0.1)',
+    borderRadius: 'large',
+  },
+  chart: {
+    tooltip: {
+      textColor: '#2d3748',
+      backgroundColor: 'rgba(255, 255, 255, 0.9)',
+      borderColor: 'rgba(255, 255, 255, 0.5)',
+      borderRadius: 12,
+    },
+  },
 };
 
-/**
- * Chalk 主题配置
- */
-export const chalkTheme: ThemeOptions = {
-  theme: 'chalk',
+/** Pastel 粉彩主题 */
+export const pastelTheme: ThemeOptions = {
+  theme: 'pastel',
+  name: 'Pastel',
+  description: '柔和粉彩配色，温馨舒适',
+  type: 'light',
+  mode: 'light',
   darkMode: false,
+  tags: ['pastel', 'soft', 'gentle', 'light'],
   colors: [
-    '#2e8de5',
-    '#f0805a',
-    '#5ab1ef',
-    '#91d5ff',
-    '#faad14',
-    '#fadb14',
-    '#52c41a',
-    '#13c2c2',
-    '#722ed1',
-    '#eb2f96',
+    '#ffb3ba',
+    '#ffdfba',
+    '#ffffba',
+    '#baffc9',
+    '#bae1ff',
+    '#f0b3ff',
+    '#b3fff0',
+    '#ffb3d9',
+    '#d9ffb3',
   ],
-  backgroundColor: '#ffffff',
-  textColor: '#000000',
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  backgroundColor: '#fff9f5',
+  textColor: '#5d5d5d',
+  textColorSecondary: '#8a8a8a',
+  borderColor: '#f0e6e0',
+  dividerColor: '#f5f0eb',
+  fontFamily: 'Nunito, -apple-system, BlinkMacSystemFont, sans-serif',
+  chart: {
+    tooltip: {
+      textColor: '#5d5d5d',
+      backgroundColor: 'rgba(255, 255, 255, 0.95)',
+      borderColor: '#f0e6e0',
+      borderRadius: 8,
+    },
+  },
 };
 
-/**
- * Purple Passion 主题配置
- */
-export const purplePassionTheme: ThemeOptions = {
-  theme: 'purple-passion',
+/** Sunset 日落主题 */
+export const sunsetTheme: ThemeOptions = {
+  theme: 'sunset',
+  name: 'Sunset',
+  description: '温暖日落渐变，夕阳余晖',
+  type: 'light',
+  mode: 'light',
   darkMode: false,
+  tags: ['sunset', 'warm', 'gradient', 'light'],
   colors: [
-    '#9c27b0',
-    '#e91e63',
-    '#ff5722',
-    '#ff9800',
-    '#ffc107',
-    '#8bc34a',
-    '#4caf50',
-    '#009688',
-    '#00bcd4',
-    '#2196f3',
+    '#ff6b6b',
+    '#feca57',
+    '#ff9ff3',
+    '#54a0ff',
+    '#5f27cd',
+    '#ff9f43',
+    '#ee5a24',
+    '#009432',
+    '#f368e0',
   ],
-  backgroundColor: '#f5f5f5',
-  textColor: '#333333',
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  backgroundColor: '#fff5f0',
+  backgroundGradient: {
+    start: '#ffecd2',
+    end: '#fcb69f',
+    angle: 135,
+  },
+  textColor: '#4a4a4a',
+  textColorSecondary: '#7a7a7a',
+  borderColor: '#ffd5c8',
+  dividerColor: '#ffebe6',
+  fontFamily: 'Quicksand, -apple-system, BlinkMacSystemFont, sans-serif',
+  effects: {
+    gradients: true,
+    shadows: true,
+    shadowColor: 'rgba(255, 107, 107, 0.2)',
+    borderRadius: 'medium',
+  },
 };
 
-/**
- * Blue Green 主题配置
- */
-export const blueGreenTheme: ThemeOptions = {
-  theme: 'blue-green',
+/** Ocean 海洋主题 */
+export const oceanTheme: ThemeOptions = {
+  theme: 'ocean',
+  name: 'Ocean',
+  description: '深邃海洋蓝，宁静清新',
+  type: 'light',
+  mode: 'light',
   darkMode: false,
+  tags: ['ocean', 'blue', 'calm', 'light'],
   colors: [
-    '#00838f',
-    '#00acc1',
-    '#03a9f4',
-    '#29b6f6',
-    '#4fc3f7',
-    '#81d4fa',
-    '#b3e5fc',
-    '#e1f5fe',
-    '#80deea',
-    '#4dd0e1',
+    '#0077b6',
+    '#00b4d8',
+    '#90e0ef',
+    '#caf0f8',
+    '#03045e',
+    '#023e8a',
+    '#0096c7',
+    '#48cae4',
+    '#ade8f4',
   ],
-  backgroundColor: '#e0f7fa',
-  textColor: '#006064',
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  backgroundColor: '#f0f8ff',
+  backgroundGradient: {
+    start: '#e0f2fe',
+    end: '#bae6fd',
+    angle: 180,
+  },
+  textColor: '#1e3a5f',
+  textColorSecondary: '#4a6fa5',
+  borderColor: '#cce7f5',
+  dividerColor: '#e1f0f9',
+  fontFamily: 'Nunito, -apple-system, BlinkMacSystemFont, sans-serif',
+  effects: {
+    gradients: true,
+    shadows: true,
+    shadowColor: 'rgba(0, 119, 182, 0.15)',
+  },
 };
 
-/**
- * Golden 主题配置
- */
-export const goldenTheme: ThemeOptions = {
-  theme: 'golden',
+/** Cyber 赛博主题 */
+export const cyberTheme: ThemeOptions = {
+  theme: 'cyber',
+  name: 'Cyber',
+  description: '未来科技感，赛博朋克',
+  type: 'dark',
+  mode: 'dark',
+  darkMode: true,
+  tags: ['cyber', 'tech', 'futuristic', 'dark'],
+  colors: [
+    '#00f5ff',
+    '#ff00ff',
+    '#00ff00',
+    '#ffff00',
+    '#ff0080',
+    '#8000ff',
+    '#00ff80',
+    '#ff8000',
+    '#0080ff',
+  ],
+  backgroundColor: '#0a0a12',
+  textColor: '#e0e0e0',
+  textColorSecondary: '#808090',
+  borderColor: '#1a1a2e',
+  dividerColor: '#12121e',
+  fontFamily: '"Orbitron", "Rajdhani", "JetBrains Mono", monospace',
+  effects: {
+    shadows: true,
+    shadowColor: 'rgba(0, 245, 255, 0.4)',
+    gradients: true,
+    borderRadius: 'none',
+  },
+  chart: {
+    tooltip: {
+      textColor: '#ffffff',
+      backgroundColor: 'rgba(10, 10, 18, 0.95)',
+      borderColor: '#00f5ff',
+      borderRadius: 0,
+      shadowColor: 'rgba(0, 245, 255, 0.4)',
+    },
+  },
+};
+
+/** Retro 复古主题 */
+export const retroTheme: ThemeOptions = {
+  theme: 'retro',
+  name: 'Retro',
+  description: '怀旧复古风格，温馨怀旧',
+  type: 'light',
+  mode: 'light',
   darkMode: false,
+  tags: ['retro', 'vintage', 'nostalgic', 'light'],
   colors: [
-    '#ffd700',
-    '#ffed4e',
-    '#f9a825',
-    '#ffc107',
-    '#ffb300',
-    '#ffa000',
-    '#ff8f00',
-    '#ff6f00',
-    '#ff5722',
-    '#e64a19',
+    '#d63031',
+    '#e17055',
+    '#fdcb6e',
+    '#00b894',
+    '#0984e3',
+    '#6c5ce7',
+    '#e84393',
+    '#00cec9',
+    '#fab1a0',
   ],
-  backgroundColor: '#fff8e1',
-  textColor: '#ff6f00',
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  backgroundColor: '#fdf6e3',
+  textColor: '#5c4b37',
+  textColorSecondary: '#8b7355',
+  borderColor: '#e8dcc8',
+  dividerColor: '#f0e8d8',
+  fontFamily: '"Courier Prime", "Courier New", monospace',
+  effects: {
+    shadows: false,
+    borderRadius: 'small',
+  },
 };
 
-/**
- * Forest 主题配置
- */
-export const forestTheme: ThemeOptions = {
-  theme: 'forest',
+/** Elegant 雅致主题 */
+export const elegantTheme: ThemeOptions = {
+  theme: 'elegant',
+  name: 'Elegant',
+  description: '低调雅致风格，精致品味',
+  type: 'light',
+  mode: 'light',
   darkMode: false,
+  tags: ['elegant', 'minimal', 'sophisticated', 'light'],
   colors: [
-    '#2e7d32',
-    '#388e3c',
-    '#43a047',
-    '#4caf50',
-    '#66bb6a',
-    '#81c784',
-    '#a5d6a7',
-    '#c8e6c9',
-    '#e8f5e8',
-    '#f1f8e9',
+    '#2c3e50',
+    '#34495e',
+    '#7f8c8d',
+    '#95a5a6',
+    '#bdc3c7',
+    '#ecf0f1',
+    '#1abc9c',
+    '#16a085',
+    '#3498db',
   ],
-  backgroundColor: '#f1f8e9',
-  textColor: '#1b5e20',
-  fontFamily:
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  backgroundColor: '#fafafa',
+  textColor: '#2c3e50',
+  textColorSecondary: '#7f8c8d',
+  borderColor: '#e8e8e8',
+  dividerColor: '#f0f0f0',
+  fontFamily: '"Playfair Display", Georgia, serif',
+  effects: {
+    shadows: true,
+    shadowColor: 'rgba(0, 0, 0, 0.08)',
+    borderRadius: 'medium',
+  },
 };
 
+// ============================================================================
+// 主题管理函数
+// ============================================================================
+
 /**
  * 获取主题配置
  * @param options 自定义选项
@@ -335,18 +654,15 @@ export function getTheme(options?: Partial<ThemeOptions>): ThemeOptions {
     return defaultTheme;
   }
 
-  // 如果提供了主题名称，尝试从注册表中获取
   let baseTheme: ThemeOptions;
   if (options.theme && typeof options.theme === 'string') {
     const registeredTheme = themeRegistry.get(options.theme);
     if (registeredTheme) {
       baseTheme = registeredTheme;
     } else {
-      // 如果主题不存在，使用默认主题
       baseTheme = options.darkMode ? darkTheme : defaultTheme;
     }
   } else {
-    // 如果没有提供主题名称，使用默认主题或深色主题
     baseTheme = options.darkMode ? darkTheme : defaultTheme;
   }
 
@@ -359,12 +675,7 @@ export function getTheme(options?: Partial<ThemeOptions>): ThemeOptions {
  * @param theme 主题配置
  */
 export function registerTheme(name: string, theme: ThemeOptions): void {
-  // 注册主题到主题注册表
-  themeRegistry.set(name, {
-    ...theme,
-    name,
-  });
-  console.log(`Registering theme: ${name}`);
+  themeRegistry.set(name, { ...theme, name });
 }
 
 /**
@@ -390,76 +701,160 @@ export function getThemeByName(name: string): ThemeOptions | undefined {
  */
 export function unregisterTheme(name: string): void {
   themeRegistry.delete(name);
-  console.log(`Theme unregistered: ${name}`);
 }
 
 /**
  * 动态切换主题
  * @param theme 主题名称或主题配置
  * @param callback 切换完成后的回调函数
+ * @returns 主题配置
  */
 export function switchTheme(theme: string | ThemeOptions, callback?: () => void): ThemeOptions {
   let themeConfig: ThemeOptions;
 
   if (typeof theme === 'string') {
-    // 如果是主题名称，从注册表中获取
     const registeredTheme = themeRegistry.get(theme);
-    if (registeredTheme) {
-      themeConfig = registeredTheme;
-    } else {
-      // 如果主题不存在，使用默认主题
-      themeConfig = defaultTheme;
-    }
+    themeConfig = registeredTheme || defaultTheme;
   } else {
-    // 如果是主题配置，直接使用
     themeConfig = theme;
-    // 如果主题配置包含名称，注册到注册表
     if (theme.name) {
       registerTheme(theme.name, theme);
     }
   }
 
   // 触发主题切换事件
-  const event = new CustomEvent('themeChange', {
-    detail: themeConfig,
-  });
-
-  // 检查是否在浏览器环境中
   if (typeof window !== 'undefined') {
-    window.dispatchEvent(event);
+    window.dispatchEvent(new CustomEvent('themeChange', { detail: themeConfig }));
   }
 
-  // 调用回调函数
-  if (callback) {
-    callback();
-  }
+  callback?.();
 
   return themeConfig;
 }
 
-// 注册内置主题
-themeRegistry.set('default', defaultTheme);
-themeRegistry.set('dark', darkTheme);
-themeRegistry.set('walden', waldenTheme);
-themeRegistry.set('chalk', chalkTheme);
-themeRegistry.set('purple-passion', purplePassionTheme);
-themeRegistry.set('blue-green', blueGreenTheme);
-themeRegistry.set('golden', goldenTheme);
-themeRegistry.set('forest', forestTheme);
+/**
+ * 根据标签获取主题
+ * @param tag 标签
+ * @returns 主题列表
+ */
+export function getThemesByTag(tag: string): ThemeOptions[] {
+  return getRegisteredThemes().filter((t) => t.tags?.includes(tag));
+}
+
+/**
+ * 获取浅色主题
+ * @returns 浅色主题列表
+ */
+export function getLightThemes(): ThemeOptions[] {
+  return getRegisteredThemes().filter((t) => !t.darkMode);
+}
+
+/**
+ * 获取深色主题
+ * @returns 深色主题列表
+ */
+export function getDarkThemes(): ThemeOptions[] {
+  return getRegisteredThemes().filter((t) => t.darkMode);
+}
+
+// ============================================================================
+// 注册所有内置主题
+// ============================================================================
+
+const builtinThemes = {
+  default: defaultTheme,
+  dark: darkTheme,
+  walden: {
+    ...defaultTheme,
+    theme: 'walden',
+    name: 'Walden',
+    description: '清新自然风格',
+    colors: ['#0a437a', '#3a84c4', '#22a783', '#48b591', '#7fcdbb', '#c9e4ca'],
+    backgroundColor: '#f0f8f5',
+    textColor: '#2c5042',
+  },
+  chalk: {
+    ...defaultTheme,
+    theme: 'chalk',
+    name: 'Chalk',
+    description: '粉笔风格',
+    colors: ['#2e8de5', '#f0805a', '#5ab1ef', '#91d5ff', '#faad14'],
+    backgroundColor: '#ffffff',
+    textColor: '#000000',
+  },
+  'purple-passion': {
+    ...defaultTheme,
+    theme: 'purple-passion',
+    name: 'Purple Passion',
+    description: '紫色浪漫',
+    colors: ['#9c27b0', '#e91e63', '#ff5722', '#ff9800', '#ffc107'],
+    backgroundColor: '#f5f5f5',
+    textColor: '#333333',
+  },
+  'blue-green': {
+    ...defaultTheme,
+    theme: 'blue-green',
+    name: 'Blue Green',
+    description: '蓝绿清新',
+    colors: ['#00838f', '#00acc1', '#03a9f4', '#29b6f6', '#4fc3f7'],
+    backgroundColor: '#e0f7fa',
+    textColor: '#006064',
+  },
+  golden: {
+    ...defaultTheme,
+    theme: 'golden',
+    name: 'Golden',
+    description: '金色奢华',
+    colors: ['#ffd700', '#ffed4e', '#f9a825', '#ffc107', '#ffb300'],
+    backgroundColor: '#fff8e1',
+    textColor: '#ff6f00',
+  },
+  forest: {
+    ...defaultTheme,
+    theme: 'forest',
+    name: 'Forest',
+    description: '森林绿色',
+    colors: ['#2e7d32', '#388e3c', '#43a047', '#4caf50', '#66bb6a'],
+    backgroundColor: '#f1f8e9',
+    textColor: '#1b5e20',
+  },
+  neon: neonTheme,
+  glass: glassTheme,
+  pastel: pastelTheme,
+  sunset: sunsetTheme,
+  ocean: oceanTheme,
+  cyber: cyberTheme,
+  retro: retroTheme,
+  elegant: elegantTheme,
+};
+
+// 注册所有内置主题
+Object.entries(builtinThemes).forEach(([name, theme]) => {
+  themeRegistry.set(name, theme as ThemeOptions);
+});
+
+// ============================================================================
+// 导出
+// ============================================================================
 
 export default {
   defaultTheme,
   darkTheme,
-  waldenTheme,
-  chalkTheme,
-  purplePassionTheme,
-  blueGreenTheme,
-  goldenTheme,
-  forestTheme,
+  neonTheme,
+  glassTheme,
+  pastelTheme,
+  sunsetTheme,
+  oceanTheme,
+  cyberTheme,
+  retroTheme,
+  elegantTheme,
   getTheme,
   registerTheme,
   getRegisteredThemes,
   getThemeByName,
   unregisterTheme,
   switchTheme,
+  getThemesByTag,
+  getLightThemes,
+  getDarkThemes,
 };