@363045841yyt/klinechart-core 0.7.3 → 0.7.5-alpha.2

package/src/engine/theme/colors.ts

@@ -1,642 +1,642 @@
-/**
- * 主题感知颜色配置
- * 所有颜色通过 getColors(theme) 获取，支持 light/dark 双主题
- */
-
-/** 主题类型 */
-export type ChartTheme = 'light' | 'dark'
-
-/** 文本颜色 */
-export interface TextColors {
-    PRIMARY: string
-    SECONDARY: string
-    TERTIARY: string
-    WEAK: string
-    WHITE: string
-}
-
-/** 涨跌价格颜色 */
-export interface PriceColors {
-    UP: string
-    UP_LIGHT: string
-    UP_TICK: string
-    DOWN: string
-    DOWN_LIGHT: string
-    DOWN_TICK: string
-    NEUTRAL: string
-    LAST_PRICE: string
-}
-
-/** 标签背景颜色 */
-export interface TagBgColors {
-    WHITE: string
-    LIGHT_GRAY: string
-    PURE_WHITE: string
-    TRANSPARENT: string
-    ACTIVE: string
-    ACTIVE_HOVER: string
-    HOVER: string
-}
-
-/** 边框颜色 */
-export interface BorderColors {
-    DARK: string
-    MEDIUM: string
-    LIGHT: string
-    SEPARATOR: string
-    BUTTON: string
-}
-
-/** 网格线颜色 */
-export interface GridColors {
-    HORIZONTAL: string
-    VERTICAL: string
-}
-
-/** 十字线颜色 */
-export interface CrosshairColors {
-    LINE: string
-    LABEL_BG: string
-    LABEL_TEXT: string
-}
-
-/** 均线颜色 */
-export interface MAColors {
-    MA5: string
-    MA10: string
-    MA20: string
-    MA30: string
-    MA60: string
-}
-
-/** 布林带颜色 */
-export interface BOLLColors {
-    UPPER: string
-    MIDDLE: string
-    LOWER: string
-    BAND_FILL: string
-}
-
-/** MACD 颜色 */
-export interface MACDColors {
-    DIF: string
-    DEA: string
-    BAR_UP: string
-    BAR_UP_LIGHT: string
-    BAR_DOWN: string
-    BAR_DOWN_LIGHT: string
-}
-
-/** 成交量颜色 */
-export interface VolumeColors {
-    UP: string
-    DOWN: string
-    NEUTRAL: string
-}
-
-/** RSI 颜色 */
-export interface RSIColors {
-    RSI1: string
-    RSI2: string
-    RSI3: string
-}
-
-/** CCI 颜色 */
-export interface CCIColors {
-    CCI: string
-    OVERBOUGHT: string
-    OVERSOLD: string
-}
-
-/** KDJ/STOCH 颜色 */
-export interface KDJColors {
-    K: string
-    D: string
-    J: string
-}
-
-/** MOM 颜色 */
-export interface MOMColors {
-    MOM: string
-    ZERO: string
-}
-
-/** WMSR 颜色 */
-export interface WMSRColors {
-    WMSR: string
-    OVERBOUGHT: string
-    OVERSOLD: string
-}
-
-/** KST 颜色 */
-export interface KSTColors {
-    KST: string
-    SIGNAL: string
-}
-
-/** EXPMA 颜色 */
-export interface EXPMAColors {
-    FAST: string
-    SLOW: string
-}
-
-/** ENE 颜色 */
-export interface ENEColors {
-    UPPER: string
-    MIDDLE: string
-    LOWER: string
-    BAND_FILL: string
-}
-
-/** 标签专用颜色（收敛硬编码） */
-export interface LabelColors {
-    BG: string
-    TEXT: string
-}
-
-/** 最新价标签颜色 */
-export interface LastPriceLabelColors {
-    BG: string
-}
-
-/** 成交量价格标记颜色 */
-export interface VolumePriceColors {
-    RISE_WITH: string
-    RISE_WITHOUT: string
-    FALL_WITH: string
-    FALL_WITHOUT: string
-}
-
-/** Structure 指标颜色 */
-export interface StructureColors {
-    HH: string
-    HL: string
-    LH: string
-    LL: string
-    CHOCH: string
-    BOS: string
-}
-
-/** Zones 指标颜色 */
-export interface ZonesColors {
-    FVG_BULL_FILL: string
-    FVG_BEAR_FILL: string
-    FVG_BULL_BORDER: string
-    FVG_BEAR_BORDER: string
-    OB_BULL_FILL: string
-    OB_BEAR_FILL: string
-}
-
-/** 主题色值集合 */
-export interface ThemeColors {
-    TEXT: TextColors
-    PRICE: PriceColors
-    TAG_BG: TagBgColors
-    BORDER: BorderColors
-    GRID: GridColors
-    CROSSHAIR: CrosshairColors
-    MA: MAColors
-    BOLL: BOLLColors
-    MACD: MACDColors
-    VOLUME: VolumeColors
-    RSI: RSIColors
-    CCI: CCIColors
-    KDJ: KDJColors
-    MOM: MOMColors
-    WMSR: WMSRColors
-    KST: KSTColors
-    EXPMA: EXPMAColors
-    ENE: ENEColors
-    /** 收敛的硬编码色值 */
-    LABEL: LabelColors
-    LAST_PRICE_LABEL: LastPriceLabelColors
-    VOLUME_PRICE: VolumePriceColors
-    STRUCTURE: StructureColors
-    ZONES: ZonesColors
-    WMSR_GRID: string
-}
-
-// ==================== Light Theme ====================
-
-const lightTextColors: TextColors = {
-    PRIMARY: 'hsl(210, 9%, 31%)',
-    SECONDARY: 'hsl(210, 9%, 35%)',
-    TERTIARY: 'hsl(210, 8%, 50%)',
-    WEAK: 'hsl(210, 7%, 65%)',
-    WHITE: 'rgba(255, 255, 255, 0.92)',
-}
-
-const lightPriceColors: PriceColors = {
-    UP: 'rgba(214, 10, 34, 1)',
-    UP_LIGHT: 'rgba(214, 10, 34, 0.92)',
-    UP_TICK: 'hsl(0, 60%, 50%)',
-    DOWN: 'rgba(3, 123, 102, 1)',
-    DOWN_LIGHT: 'rgba(3, 123, 102, 0.92)',
-    DOWN_TICK: 'hsl(150, 30%, 60%)',
-    NEUTRAL: 'rgba(0, 0, 0, 0.78)',
-    LAST_PRICE: 'rgba(196, 74, 86, 0.95)',
-}
-
-const lightTagBgColors: TagBgColors = {
-    WHITE: 'rgb(255, 255, 255)',
-    LIGHT_GRAY: 'rgba(255, 255, 255, 0.92)',
-    PURE_WHITE: '#ffffff',
-    TRANSPARENT: 'transparent',
-    ACTIVE: '#1890ff',
-    ACTIVE_HOVER: '#40a9ff',
-    HOVER: '#f0f0f0',
-}
-
-const lightBorderColors: BorderColors = {
-    DARK: 'rgba(0, 0, 0, 0.12)',
-    MEDIUM: 'rgba(0, 0, 0, 0.10)',
-    LIGHT: 'rgba(0, 0, 0, 0.08)',
-    SEPARATOR: 'rgba(0, 0, 0, 0.10)',
-    BUTTON: '#d0d0d0',
-}
-
-const lightGridColors: GridColors = {
-    HORIZONTAL: 'rgba(0, 0, 0, 0.06)',
-    VERTICAL: 'rgba(0, 0, 0, 0.12)',
-}
-
-const lightCrosshairColors: CrosshairColors = {
-    LINE: 'rgba(0, 0, 0, 0.28)',
-    LABEL_BG: 'rgb(0, 0, 0)',
-    LABEL_TEXT: 'rgba(255, 255, 255, 0.92)',
-}
-
-const lightMAColors: MAColors = {
-    MA5: 'rgba(255, 193, 37, 1)',
-    MA10: 'rgba(190, 131, 12, 1)',
-    MA20: 'rgba(69, 112, 249, 1)',
-    MA30: 'rgba(76, 175, 80, 1)',
-    MA60: 'rgba(156, 39, 176, 1)',
-}
-
-const lightBOLLColors: BOLLColors = {
-    UPPER: 'rgba(178, 34, 34, 1)',
-    MIDDLE: 'rgba(69, 112, 249, 1)',
-    LOWER: 'rgba(34, 139, 34, 1)',
-    BAND_FILL: 'rgba(100, 149, 237, 0.1)',
-}
-
-const lightMACDColors: MACDColors = {
-    DIF: 'rgba(69, 112, 249, 1)',
-    DEA: 'rgba(255, 152, 0, 1)',
-    BAR_UP: '#ff5252',
-    BAR_UP_LIGHT: '#fccbcd',
-    BAR_DOWN: '#22ab94',
-    BAR_DOWN_LIGHT: '#ace5dc',
-}
-
-const lightVolumeColors: VolumeColors = {
-    UP: '#ff5252',
-    DOWN: '#22ab94',
-    NEUTRAL: 'rgba(0, 0, 0, 0.78)',
-}
-
-const lightRSIColors: RSIColors = {
-    RSI1: 'rgba(69, 112, 249, 1)',
-    RSI2: 'rgba(255, 152, 0, 1)',
-    RSI3: 'rgba(156, 39, 176, 1)',
-}
-
-const lightCCIColors: CCIColors = {
-    CCI: 'rgba(69, 112, 249, 1)',
-    OVERBOUGHT: 'rgba(214, 10, 34, 0.5)',
-    OVERSOLD: 'rgba(3, 123, 102, 0.5)',
-}
-
-const lightKDJColors: KDJColors = {
-    K: 'rgba(69, 112, 249, 1)',
-    D: 'rgba(255, 152, 0, 1)',
-    J: 'rgba(156, 39, 176, 1)',
-}
-
-const lightMOMColors: MOMColors = {
-    MOM: 'rgba(69, 112, 249, 1)',
-    ZERO: 'rgba(0, 0, 0, 0.2)',
-}
-
-const lightWMSRColors: WMSRColors = {
-    WMSR: 'rgba(69, 112, 249, 1)',
-    OVERBOUGHT: 'rgba(214, 10, 34, 0.5)',
-    OVERSOLD: 'rgba(3, 123, 102, 0.5)',
-}
-
-const lightKSTColors: KSTColors = {
-    KST: 'rgba(69, 112, 249, 1)',
-    SIGNAL: 'rgba(255, 152, 0, 1)',
-}
-
-const lightEXPMAColors: EXPMAColors = {
-    FAST: 'rgba(255, 152, 0, 1)',
-    SLOW: 'rgba(69, 112, 249, 1)',
-}
-
-const lightENEColors: ENEColors = {
-    UPPER: 'rgba(214, 10, 34, 1)',
-    MIDDLE: 'rgba(69, 112, 249, 1)',
-    LOWER: 'rgba(3, 123, 102, 1)',
-    BAND_FILL: 'rgba(69, 112, 249, 0.08)',
-}
-
-const lightLabelColors: LabelColors = {
-    BG: 'rgba(0, 0, 0, 0.8)',
-    TEXT: '#ffffff',
-}
-
-const lightLastPriceLabelColors: LastPriceLabelColors = {
-    BG: 'rgba(255, 247, 248, 0.98)',
-}
-
-const lightVolumePriceColors: VolumePriceColors = {
-    RISE_WITH: '#FF4444',
-    RISE_WITHOUT: '#00C853',
-    FALL_WITH: '#FF4444',
-    FALL_WITHOUT: '#00C853',
-}
-
-const lightStructureColors: StructureColors = {
-    HH: '#16a34a',
-    HL: '#22c55e',
-    LH: '#dc2626',
-    LL: '#ef4444',
-    CHOCH: '#8b5cf6',
-    BOS: '#f59e0b',
-}
-
-const lightZonesColors: ZonesColors = {
-    FVG_BULL_FILL: 'rgba(34, 197, 94, 0.15)',
-    FVG_BEAR_FILL: 'rgba(239, 68, 68, 0.15)',
-    FVG_BULL_BORDER: 'rgba(34, 197, 94, 0.6)',
-    FVG_BEAR_BORDER: 'rgba(239, 68, 68, 0.6)',
-    OB_BULL_FILL: 'rgba(34, 197, 94, 0.25)',
-    OB_BEAR_FILL: 'rgba(239, 68, 68, 0.25)',
-}
-
-// ==================== Dark Theme ====================
-
-const darkTextColors: TextColors = {
-    PRIMARY: 'hsl(210, 10%, 85%)',
-    SECONDARY: 'hsl(210, 8%, 75%)',
-    TERTIARY: 'hsl(210, 6%, 60%)',
-    WEAK: 'hsl(210, 5%, 45%)',
-    WHITE: 'rgba(255, 255, 255, 0.95)',
-}
-
-const darkPriceColors: PriceColors = {
-    UP: 'rgba(255, 80, 100, 1)',
-    UP_LIGHT: 'rgba(255, 80, 100, 0.85)',
-    UP_TICK: 'hsl(0, 70%, 60%)',
-    DOWN: 'rgba(60, 200, 160, 1)',
-    DOWN_LIGHT: 'rgba(60, 200, 160, 0.85)',
-    DOWN_TICK: 'hsl(150, 50%, 65%)',
-    NEUTRAL: 'rgba(255, 255, 255, 0.7)',
-    LAST_PRICE: 'rgba(230, 100, 115, 0.95)',
-}
-
-const darkTagBgColors: TagBgColors = {
-    WHITE: 'rgb(40, 40, 55)',
-    LIGHT_GRAY: 'rgba(50, 50, 65, 0.92)',
-    PURE_WHITE: '#282837',
-    TRANSPARENT: 'transparent',
-    ACTIVE: '#1890ff',
-    ACTIVE_HOVER: '#40a9ff',
-    HOVER: '#3a3a4a',
-}
-
-const darkBorderColors: BorderColors = {
-    DARK: 'rgba(255, 255, 255, 0.15)',
-    MEDIUM: 'rgba(255, 255, 255, 0.12)',
-    LIGHT: 'rgba(255, 255, 255, 0.08)',
-    SEPARATOR: 'rgba(255, 255, 255, 0.10)',
-    BUTTON: '#505060',
-}
-
-const darkGridColors: GridColors = {
-    HORIZONTAL: 'rgba(255, 255, 255, 0.06)',
-    VERTICAL: 'rgba(255, 255, 255, 0.10)',
-}
-
-const darkCrosshairColors: CrosshairColors = {
-    LINE: 'rgba(255, 255, 255, 0.4)',
-    LABEL_BG: 'rgb(40, 40, 55)',
-    LABEL_TEXT: 'rgba(255, 255, 255, 0.92)',
-}
-
-const darkMAColors: MAColors = {
-    MA5: 'rgba(255, 200, 50, 1)',
-    MA10: 'rgba(200, 150, 30, 1)',
-    MA20: 'rgba(90, 140, 255, 1)',
-    MA30: 'rgba(90, 190, 95, 1)',
-    MA60: 'rgba(170, 60, 195, 1)',
-}
-
-const darkBOLLColors: BOLLColors = {
-    UPPER: 'rgba(200, 60, 60, 1)',
-    MIDDLE: 'rgba(90, 140, 255, 1)',
-    LOWER: 'rgba(50, 170, 60, 1)',
-    BAND_FILL: 'rgba(120, 170, 255, 0.15)',
-}
-
-const darkMACDColors: MACDColors = {
-    DIF: 'rgba(90, 140, 255, 1)',
-    DEA: 'rgba(255, 170, 50, 1)',
-    BAR_UP: '#ff6b6b',
-    BAR_UP_LIGHT: '#ffb3b3',
-    BAR_DOWN: '#4ecdc4',
-    BAR_DOWN_LIGHT: '#a8e6e1',
-}
-
-const darkVolumeColors: VolumeColors = {
-    UP: '#ff6b6b',
-    DOWN: '#4ecdc4',
-    NEUTRAL: 'rgba(255, 255, 255, 0.6)',
-}
-
-const darkRSIColors: RSIColors = {
-    RSI1: 'rgba(90, 140, 255, 1)',
-    RSI2: 'rgba(255, 170, 50, 1)',
-    RSI3: 'rgba(180, 70, 205, 1)',
-}
-
-const darkCCIColors: CCIColors = {
-    CCI: 'rgba(90, 140, 255, 1)',
-    OVERBOUGHT: 'rgba(255, 80, 100, 0.6)',
-    OVERSOLD: 'rgba(60, 200, 160, 0.6)',
-}
-
-const darkKDJColors: KDJColors = {
-    K: 'rgba(90, 140, 255, 1)',
-    D: 'rgba(255, 170, 50, 1)',
-    J: 'rgba(180, 70, 205, 1)',
-}
-
-const darkMOMColors: MOMColors = {
-    MOM: 'rgba(90, 140, 255, 1)',
-    ZERO: 'rgba(255, 255, 255, 0.2)',
-}
-
-const darkWMSRColors: WMSRColors = {
-    WMSR: 'rgba(90, 140, 255, 1)',
-    OVERBOUGHT: 'rgba(255, 80, 100, 0.6)',
-    OVERSOLD: 'rgba(60, 200, 160, 0.6)',
-}
-
-const darkKSTColors: KSTColors = {
-    KST: 'rgba(90, 140, 255, 1)',
-    SIGNAL: 'rgba(255, 170, 50, 1)',
-}
-
-const darkEXPMAColors: EXPMAColors = {
-    FAST: 'rgba(255, 170, 50, 1)',
-    SLOW: 'rgba(90, 140, 255, 1)',
-}
-
-const darkENEColors: ENEColors = {
-    UPPER: 'rgba(255, 80, 100, 1)',
-    MIDDLE: 'rgba(90, 140, 255, 1)',
-    LOWER: 'rgba(60, 200, 160, 1)',
-    BAND_FILL: 'rgba(90, 140, 255, 0.12)',
-}
-
-const darkLabelColors: LabelColors = {
-    BG: 'rgba(30, 30, 40, 0.9)',
-    TEXT: '#ffffff',
-}
-
-const darkLastPriceLabelColors: LastPriceLabelColors = {
-    BG: 'rgba(60, 50, 55, 0.98)',
-}
-
-const darkVolumePriceColors: VolumePriceColors = {
-    RISE_WITH: '#FF6666',
-    RISE_WITHOUT: '#66FF99',
-    FALL_WITH: '#FF6666',
-    FALL_WITHOUT: '#66FF99',
-}
-
-const darkStructureColors: StructureColors = {
-    HH: '#4ade80',
-    HL: '#22c55e',
-    LH: '#f87171',
-    LL: '#ef4444',
-    CHOCH: '#a78bfa',
-    BOS: '#fbbf24',
-}
-
-const darkZonesColors: ZonesColors = {
-    FVG_BULL_FILL: 'rgba(74, 222, 128, 0.20)',
-    FVG_BEAR_FILL: 'rgba(248, 113, 113, 0.20)',
-    FVG_BULL_BORDER: 'rgba(74, 222, 128, 0.8)',
-    FVG_BEAR_BORDER: 'rgba(248, 113, 113, 0.8)',
-    OB_BULL_FILL: 'rgba(74, 222, 128, 0.35)',
-    OB_BEAR_FILL: 'rgba(248, 113, 113, 0.35)',
-}
-
-// ==================== Theme Collections ====================
-
-const lightTheme: ThemeColors = {
-    TEXT: lightTextColors,
-    PRICE: lightPriceColors,
-    TAG_BG: lightTagBgColors,
-    BORDER: lightBorderColors,
-    GRID: lightGridColors,
-    CROSSHAIR: lightCrosshairColors,
-    MA: lightMAColors,
-    BOLL: lightBOLLColors,
-    MACD: lightMACDColors,
-    VOLUME: lightVolumeColors,
-    RSI: lightRSIColors,
-    CCI: lightCCIColors,
-    KDJ: lightKDJColors,
-    MOM: lightMOMColors,
-    WMSR: lightWMSRColors,
-    KST: lightKSTColors,
-    EXPMA: lightEXPMAColors,
-    ENE: lightENEColors,
-    LABEL: lightLabelColors,
-    LAST_PRICE_LABEL: lightLastPriceLabelColors,
-    VOLUME_PRICE: lightVolumePriceColors,
-    STRUCTURE: lightStructureColors,
-    ZONES: lightZonesColors,
-    WMSR_GRID: 'rgba(0, 0, 0, 0.1)',
-}
-
-const darkTheme: ThemeColors = {
-    TEXT: darkTextColors,
-    PRICE: darkPriceColors,
-    TAG_BG: darkTagBgColors,
-    BORDER: darkBorderColors,
-    GRID: darkGridColors,
-    CROSSHAIR: darkCrosshairColors,
-    MA: darkMAColors,
-    BOLL: darkBOLLColors,
-    MACD: darkMACDColors,
-    VOLUME: darkVolumeColors,
-    RSI: darkRSIColors,
-    CCI: darkCCIColors,
-    KDJ: darkKDJColors,
-    MOM: darkMOMColors,
-    WMSR: darkWMSRColors,
-    KST: darkKSTColors,
-    EXPMA: darkEXPMAColors,
-    ENE: darkENEColors,
-    LABEL: darkLabelColors,
-    LAST_PRICE_LABEL: darkLastPriceLabelColors,
-    VOLUME_PRICE: darkVolumePriceColors,
-    STRUCTURE: darkStructureColors,
-    ZONES: darkZonesColors,
-    WMSR_GRID: 'rgba(255, 255, 255, 0.1)',
-}
-
-/**
- * 根据主题获取颜色配置
- * @param theme - 主题类型 'light' | 'dark'
- * @returns 主题色值集合
- */
-export function getColors(theme: ChartTheme): ThemeColors {
-    return theme === 'dark' ? darkTheme : lightTheme
-}
-
-/**
- * 日志颜色（与主题无关，保留常量导出）
- */
-export const LOG_COLORS = {
-    INFO: 'background:#164586;color:#fff;',
-    SUCCESS: 'background:#389e0d;color:#fff;',
-    WARN: 'background:#d46b08;color:#fff;',
-    ERROR: 'background:#cf1322;color:#fff;',
-    CONSOLE: '#666',
-} as const
-
-/**
- * 工具函数：根据涨跌返回颜色
- * @param type - 涨跌类型
- * @param theme - 主题类型
- * @returns 对应颜色
- */
-export function getPriceColor(type: 'up' | 'down' | 'neutral', theme: ChartTheme = 'light'): string {
-    const colors = getColors(theme)
-    switch (type) {
-        case 'up':
-            return colors.PRICE.UP
-        case 'down':
-            return colors.PRICE.DOWN
-        case 'neutral':
-            return colors.PRICE.NEUTRAL
-    }
-}
-
-/**
- * 工具函数：根据涨跌百分比返回颜色
- * @param changePercent - 涨跌百分比
- * @param theme - 主题类型
- * @returns 对应颜色
- */
-export function getTickColor(changePercent: number, theme: ChartTheme = 'light'): string {
-    const colors = getColors(theme)
-    return changePercent >= 0 ? colors.PRICE.UP_TICK : colors.PRICE.DOWN_TICK
-}
+/**
+ * 主题感知颜色配置
+ * 所有颜色通过 getColors(theme) 获取，支持 light/dark 双主题
+ */
+
+/** 主题类型 */
+export type ChartTheme = 'light' | 'dark'
+
+/** 文本颜色 */
+export interface TextColors {
+    PRIMARY: string
+    SECONDARY: string
+    TERTIARY: string
+    WEAK: string
+    WHITE: string
+}
+
+/** 涨跌价格颜色 */
+export interface PriceColors {
+    UP: string
+    UP_LIGHT: string
+    UP_TICK: string
+    DOWN: string
+    DOWN_LIGHT: string
+    DOWN_TICK: string
+    NEUTRAL: string
+    LAST_PRICE: string
+}
+
+/** 标签背景颜色 */
+export interface TagBgColors {
+    WHITE: string
+    LIGHT_GRAY: string
+    PURE_WHITE: string
+    TRANSPARENT: string
+    ACTIVE: string
+    ACTIVE_HOVER: string
+    HOVER: string
+}
+
+/** 边框颜色 */
+export interface BorderColors {
+    DARK: string
+    MEDIUM: string
+    LIGHT: string
+    SEPARATOR: string
+    BUTTON: string
+}
+
+/** 网格线颜色 */
+export interface GridColors {
+    HORIZONTAL: string
+    VERTICAL: string
+}
+
+/** 十字线颜色 */
+export interface CrosshairColors {
+    LINE: string
+    LABEL_BG: string
+    LABEL_TEXT: string
+}
+
+/** 均线颜色 */
+export interface MAColors {
+    MA5: string
+    MA10: string
+    MA20: string
+    MA30: string
+    MA60: string
+}
+
+/** 布林带颜色 */
+export interface BOLLColors {
+    UPPER: string
+    MIDDLE: string
+    LOWER: string
+    BAND_FILL: string
+}
+
+/** MACD 颜色 */
+export interface MACDColors {
+    DIF: string
+    DEA: string
+    BAR_UP: string
+    BAR_UP_LIGHT: string
+    BAR_DOWN: string
+    BAR_DOWN_LIGHT: string
+}
+
+/** 成交量颜色 */
+export interface VolumeColors {
+    UP: string
+    DOWN: string
+    NEUTRAL: string
+}
+
+/** RSI 颜色 */
+export interface RSIColors {
+    RSI1: string
+    RSI2: string
+    RSI3: string
+}
+
+/** CCI 颜色 */
+export interface CCIColors {
+    CCI: string
+    OVERBOUGHT: string
+    OVERSOLD: string
+}
+
+/** KDJ/STOCH 颜色 */
+export interface KDJColors {
+    K: string
+    D: string
+    J: string
+}
+
+/** MOM 颜色 */
+export interface MOMColors {
+    MOM: string
+    ZERO: string
+}
+
+/** WMSR 颜色 */
+export interface WMSRColors {
+    WMSR: string
+    OVERBOUGHT: string
+    OVERSOLD: string
+}
+
+/** KST 颜色 */
+export interface KSTColors {
+    KST: string
+    SIGNAL: string
+}
+
+/** EXPMA 颜色 */
+export interface EXPMAColors {
+    FAST: string
+    SLOW: string
+}
+
+/** ENE 颜色 */
+export interface ENEColors {
+    UPPER: string
+    MIDDLE: string
+    LOWER: string
+    BAND_FILL: string
+}
+
+/** 标签专用颜色（收敛硬编码） */
+export interface LabelColors {
+    BG: string
+    TEXT: string
+}
+
+/** 最新价标签颜色 */
+export interface LastPriceLabelColors {
+    BG: string
+}
+
+/** 成交量价格标记颜色 */
+export interface VolumePriceColors {
+    RISE_WITH: string
+    RISE_WITHOUT: string
+    FALL_WITH: string
+    FALL_WITHOUT: string
+}
+
+/** Structure 指标颜色 */
+export interface StructureColors {
+    HH: string
+    HL: string
+    LH: string
+    LL: string
+    CHOCH: string
+    BOS: string
+}
+
+/** Zones 指标颜色 */
+export interface ZonesColors {
+    FVG_BULL_FILL: string
+    FVG_BEAR_FILL: string
+    FVG_BULL_BORDER: string
+    FVG_BEAR_BORDER: string
+    OB_BULL_FILL: string
+    OB_BEAR_FILL: string
+}
+
+/** 主题色值集合 */
+export interface ThemeColors {
+    TEXT: TextColors
+    PRICE: PriceColors
+    TAG_BG: TagBgColors
+    BORDER: BorderColors
+    GRID: GridColors
+    CROSSHAIR: CrosshairColors
+    MA: MAColors
+    BOLL: BOLLColors
+    MACD: MACDColors
+    VOLUME: VolumeColors
+    RSI: RSIColors
+    CCI: CCIColors
+    KDJ: KDJColors
+    MOM: MOMColors
+    WMSR: WMSRColors
+    KST: KSTColors
+    EXPMA: EXPMAColors
+    ENE: ENEColors
+    /** 收敛的硬编码色值 */
+    LABEL: LabelColors
+    LAST_PRICE_LABEL: LastPriceLabelColors
+    VOLUME_PRICE: VolumePriceColors
+    STRUCTURE: StructureColors
+    ZONES: ZonesColors
+    WMSR_GRID: string
+}
+
+// ==================== Light Theme ====================
+
+const lightTextColors: TextColors = {
+    PRIMARY: 'hsl(210, 9%, 31%)',
+    SECONDARY: 'hsl(210, 9%, 35%)',
+    TERTIARY: 'hsl(210, 8%, 50%)',
+    WEAK: 'hsl(210, 7%, 65%)',
+    WHITE: 'rgba(255, 255, 255, 0.92)',
+}
+
+const lightPriceColors: PriceColors = {
+    UP: 'rgba(214, 10, 34, 1)',
+    UP_LIGHT: 'rgba(214, 10, 34, 0.92)',
+    UP_TICK: 'hsl(0, 60%, 50%)',
+    DOWN: 'rgba(3, 123, 102, 1)',
+    DOWN_LIGHT: 'rgba(3, 123, 102, 0.92)',
+    DOWN_TICK: 'hsl(150, 30%, 60%)',
+    NEUTRAL: 'rgba(0, 0, 0, 0.78)',
+    LAST_PRICE: 'rgba(196, 74, 86, 0.95)',
+}
+
+const lightTagBgColors: TagBgColors = {
+    WHITE: 'rgb(255, 255, 255)',
+    LIGHT_GRAY: 'rgba(255, 255, 255, 0.92)',
+    PURE_WHITE: '#ffffff',
+    TRANSPARENT: 'transparent',
+    ACTIVE: '#1890ff',
+    ACTIVE_HOVER: '#40a9ff',
+    HOVER: '#f0f0f0',
+}
+
+const lightBorderColors: BorderColors = {
+    DARK: 'rgba(0, 0, 0, 0.12)',
+    MEDIUM: 'rgba(0, 0, 0, 0.10)',
+    LIGHT: 'rgba(0, 0, 0, 0.08)',
+    SEPARATOR: 'rgba(0, 0, 0, 0.10)',
+    BUTTON: '#d0d0d0',
+}
+
+const lightGridColors: GridColors = {
+    HORIZONTAL: 'rgba(0, 0, 0, 0.06)',
+    VERTICAL: 'rgba(0, 0, 0, 0.12)',
+}
+
+const lightCrosshairColors: CrosshairColors = {
+    LINE: 'rgba(0, 0, 0, 0.28)',
+    LABEL_BG: 'rgb(0, 0, 0)',
+    LABEL_TEXT: 'rgba(255, 255, 255, 0.92)',
+}
+
+const lightMAColors: MAColors = {
+    MA5: 'rgba(255, 193, 37, 1)',
+    MA10: 'rgba(190, 131, 12, 1)',
+    MA20: 'rgba(69, 112, 249, 1)',
+    MA30: 'rgba(76, 175, 80, 1)',
+    MA60: 'rgba(156, 39, 176, 1)',
+}
+
+const lightBOLLColors: BOLLColors = {
+    UPPER: 'rgba(178, 34, 34, 1)',
+    MIDDLE: 'rgba(69, 112, 249, 1)',
+    LOWER: 'rgba(34, 139, 34, 1)',
+    BAND_FILL: 'rgba(100, 149, 237, 0.1)',
+}
+
+const lightMACDColors: MACDColors = {
+    DIF: 'rgba(69, 112, 249, 1)',
+    DEA: 'rgba(255, 152, 0, 1)',
+    BAR_UP: '#ff5252',
+    BAR_UP_LIGHT: '#fccbcd',
+    BAR_DOWN: '#22ab94',
+    BAR_DOWN_LIGHT: '#ace5dc',
+}
+
+const lightVolumeColors: VolumeColors = {
+    UP: '#ff5252',
+    DOWN: '#22ab94',
+    NEUTRAL: 'rgba(0, 0, 0, 0.78)',
+}
+
+const lightRSIColors: RSIColors = {
+    RSI1: 'rgba(69, 112, 249, 1)',
+    RSI2: 'rgba(255, 152, 0, 1)',
+    RSI3: 'rgba(156, 39, 176, 1)',
+}
+
+const lightCCIColors: CCIColors = {
+    CCI: 'rgba(69, 112, 249, 1)',
+    OVERBOUGHT: 'rgba(214, 10, 34, 0.5)',
+    OVERSOLD: 'rgba(3, 123, 102, 0.5)',
+}
+
+const lightKDJColors: KDJColors = {
+    K: 'rgba(69, 112, 249, 1)',
+    D: 'rgba(255, 152, 0, 1)',
+    J: 'rgba(156, 39, 176, 1)',
+}
+
+const lightMOMColors: MOMColors = {
+    MOM: 'rgba(69, 112, 249, 1)',
+    ZERO: 'rgba(0, 0, 0, 0.2)',
+}
+
+const lightWMSRColors: WMSRColors = {
+    WMSR: 'rgba(69, 112, 249, 1)',
+    OVERBOUGHT: 'rgba(214, 10, 34, 0.5)',
+    OVERSOLD: 'rgba(3, 123, 102, 0.5)',
+}
+
+const lightKSTColors: KSTColors = {
+    KST: 'rgba(69, 112, 249, 1)',
+    SIGNAL: 'rgba(255, 152, 0, 1)',
+}
+
+const lightEXPMAColors: EXPMAColors = {
+    FAST: 'rgba(255, 152, 0, 1)',
+    SLOW: 'rgba(69, 112, 249, 1)',
+}
+
+const lightENEColors: ENEColors = {
+    UPPER: 'rgba(214, 10, 34, 1)',
+    MIDDLE: 'rgba(69, 112, 249, 1)',
+    LOWER: 'rgba(3, 123, 102, 1)',
+    BAND_FILL: 'rgba(69, 112, 249, 0.08)',
+}
+
+const lightLabelColors: LabelColors = {
+    BG: 'rgba(0, 0, 0, 0.8)',
+    TEXT: '#ffffff',
+}
+
+const lightLastPriceLabelColors: LastPriceLabelColors = {
+    BG: 'rgba(255, 247, 248, 0.98)',
+}
+
+const lightVolumePriceColors: VolumePriceColors = {
+    RISE_WITH: '#FF4444',
+    RISE_WITHOUT: '#00C853',
+    FALL_WITH: '#FF4444',
+    FALL_WITHOUT: '#00C853',
+}
+
+const lightStructureColors: StructureColors = {
+    HH: '#16a34a',
+    HL: '#22c55e',
+    LH: '#dc2626',
+    LL: '#ef4444',
+    CHOCH: '#8b5cf6',
+    BOS: '#f59e0b',
+}
+
+const lightZonesColors: ZonesColors = {
+    FVG_BULL_FILL: 'rgba(34, 197, 94, 0.15)',
+    FVG_BEAR_FILL: 'rgba(239, 68, 68, 0.15)',
+    FVG_BULL_BORDER: 'rgba(34, 197, 94, 0.6)',
+    FVG_BEAR_BORDER: 'rgba(239, 68, 68, 0.6)',
+    OB_BULL_FILL: 'rgba(34, 197, 94, 0.25)',
+    OB_BEAR_FILL: 'rgba(239, 68, 68, 0.25)',
+}
+
+// ==================== Dark Theme ====================
+
+const darkTextColors: TextColors = {
+    PRIMARY: 'hsl(210, 10%, 85%)',
+    SECONDARY: 'hsl(210, 8%, 75%)',
+    TERTIARY: 'hsl(210, 6%, 60%)',
+    WEAK: 'hsl(210, 5%, 45%)',
+    WHITE: 'rgba(255, 255, 255, 0.95)',
+}
+
+const darkPriceColors: PriceColors = {
+    UP: 'rgba(255, 80, 100, 1)',
+    UP_LIGHT: 'rgba(255, 80, 100, 0.85)',
+    UP_TICK: 'hsl(0, 70%, 60%)',
+    DOWN: 'rgba(60, 200, 160, 1)',
+    DOWN_LIGHT: 'rgba(60, 200, 160, 0.85)',
+    DOWN_TICK: 'hsl(150, 50%, 65%)',
+    NEUTRAL: 'rgba(255, 255, 255, 0.7)',
+    LAST_PRICE: 'rgba(230, 100, 115, 0.95)',
+}
+
+const darkTagBgColors: TagBgColors = {
+    WHITE: 'rgb(40, 40, 55)',
+    LIGHT_GRAY: 'rgba(50, 50, 65, 0.92)',
+    PURE_WHITE: '#282837',
+    TRANSPARENT: 'transparent',
+    ACTIVE: '#1890ff',
+    ACTIVE_HOVER: '#40a9ff',
+    HOVER: '#3a3a4a',
+}
+
+const darkBorderColors: BorderColors = {
+    DARK: 'rgba(255, 255, 255, 0.15)',
+    MEDIUM: 'rgba(255, 255, 255, 0.12)',
+    LIGHT: 'rgba(255, 255, 255, 0.08)',
+    SEPARATOR: 'rgba(255, 255, 255, 0.10)',
+    BUTTON: '#505060',
+}
+
+const darkGridColors: GridColors = {
+    HORIZONTAL: 'rgba(255, 255, 255, 0.06)',
+    VERTICAL: 'rgba(255, 255, 255, 0.10)',
+}
+
+const darkCrosshairColors: CrosshairColors = {
+    LINE: 'rgba(255, 255, 255, 0.4)',
+    LABEL_BG: 'rgb(40, 40, 55)',
+    LABEL_TEXT: 'rgba(255, 255, 255, 0.92)',
+}
+
+const darkMAColors: MAColors = {
+    MA5: 'rgba(255, 200, 50, 1)',
+    MA10: 'rgba(200, 150, 30, 1)',
+    MA20: 'rgba(90, 140, 255, 1)',
+    MA30: 'rgba(90, 190, 95, 1)',
+    MA60: 'rgba(170, 60, 195, 1)',
+}
+
+const darkBOLLColors: BOLLColors = {
+    UPPER: 'rgba(200, 60, 60, 1)',
+    MIDDLE: 'rgba(90, 140, 255, 1)',
+    LOWER: 'rgba(50, 170, 60, 1)',
+    BAND_FILL: 'rgba(120, 170, 255, 0.15)',
+}
+
+const darkMACDColors: MACDColors = {
+    DIF: 'rgba(90, 140, 255, 1)',
+    DEA: 'rgba(255, 170, 50, 1)',
+    BAR_UP: '#ff6b6b',
+    BAR_UP_LIGHT: '#ffb3b3',
+    BAR_DOWN: '#4ecdc4',
+    BAR_DOWN_LIGHT: '#a8e6e1',
+}
+
+const darkVolumeColors: VolumeColors = {
+    UP: '#ff6b6b',
+    DOWN: '#4ecdc4',
+    NEUTRAL: 'rgba(255, 255, 255, 0.6)',
+}
+
+const darkRSIColors: RSIColors = {
+    RSI1: 'rgba(90, 140, 255, 1)',
+    RSI2: 'rgba(255, 170, 50, 1)',
+    RSI3: 'rgba(180, 70, 205, 1)',
+}
+
+const darkCCIColors: CCIColors = {
+    CCI: 'rgba(90, 140, 255, 1)',
+    OVERBOUGHT: 'rgba(255, 80, 100, 0.6)',
+    OVERSOLD: 'rgba(60, 200, 160, 0.6)',
+}
+
+const darkKDJColors: KDJColors = {
+    K: 'rgba(90, 140, 255, 1)',
+    D: 'rgba(255, 170, 50, 1)',
+    J: 'rgba(180, 70, 205, 1)',
+}
+
+const darkMOMColors: MOMColors = {
+    MOM: 'rgba(90, 140, 255, 1)',
+    ZERO: 'rgba(255, 255, 255, 0.2)',
+}
+
+const darkWMSRColors: WMSRColors = {
+    WMSR: 'rgba(90, 140, 255, 1)',
+    OVERBOUGHT: 'rgba(255, 80, 100, 0.6)',
+    OVERSOLD: 'rgba(60, 200, 160, 0.6)',
+}
+
+const darkKSTColors: KSTColors = {
+    KST: 'rgba(90, 140, 255, 1)',
+    SIGNAL: 'rgba(255, 170, 50, 1)',
+}
+
+const darkEXPMAColors: EXPMAColors = {
+    FAST: 'rgba(255, 170, 50, 1)',
+    SLOW: 'rgba(90, 140, 255, 1)',
+}
+
+const darkENEColors: ENEColors = {
+    UPPER: 'rgba(255, 80, 100, 1)',
+    MIDDLE: 'rgba(90, 140, 255, 1)',
+    LOWER: 'rgba(60, 200, 160, 1)',
+    BAND_FILL: 'rgba(90, 140, 255, 0.12)',
+}
+
+const darkLabelColors: LabelColors = {
+    BG: 'rgba(30, 30, 40, 0.9)',
+    TEXT: '#ffffff',
+}
+
+const darkLastPriceLabelColors: LastPriceLabelColors = {
+    BG: 'rgba(60, 50, 55, 0.98)',
+}
+
+const darkVolumePriceColors: VolumePriceColors = {
+    RISE_WITH: '#FF6666',
+    RISE_WITHOUT: '#66FF99',
+    FALL_WITH: '#FF6666',
+    FALL_WITHOUT: '#66FF99',
+}
+
+const darkStructureColors: StructureColors = {
+    HH: '#4ade80',
+    HL: '#22c55e',
+    LH: '#f87171',
+    LL: '#ef4444',
+    CHOCH: '#a78bfa',
+    BOS: '#fbbf24',
+}
+
+const darkZonesColors: ZonesColors = {
+    FVG_BULL_FILL: 'rgba(74, 222, 128, 0.20)',
+    FVG_BEAR_FILL: 'rgba(248, 113, 113, 0.20)',
+    FVG_BULL_BORDER: 'rgba(74, 222, 128, 0.8)',
+    FVG_BEAR_BORDER: 'rgba(248, 113, 113, 0.8)',
+    OB_BULL_FILL: 'rgba(74, 222, 128, 0.35)',
+    OB_BEAR_FILL: 'rgba(248, 113, 113, 0.35)',
+}
+
+// ==================== Theme Collections ====================
+
+const lightTheme: ThemeColors = {
+    TEXT: lightTextColors,
+    PRICE: lightPriceColors,
+    TAG_BG: lightTagBgColors,
+    BORDER: lightBorderColors,
+    GRID: lightGridColors,
+    CROSSHAIR: lightCrosshairColors,
+    MA: lightMAColors,
+    BOLL: lightBOLLColors,
+    MACD: lightMACDColors,
+    VOLUME: lightVolumeColors,
+    RSI: lightRSIColors,
+    CCI: lightCCIColors,
+    KDJ: lightKDJColors,
+    MOM: lightMOMColors,
+    WMSR: lightWMSRColors,
+    KST: lightKSTColors,
+    EXPMA: lightEXPMAColors,
+    ENE: lightENEColors,
+    LABEL: lightLabelColors,
+    LAST_PRICE_LABEL: lightLastPriceLabelColors,
+    VOLUME_PRICE: lightVolumePriceColors,
+    STRUCTURE: lightStructureColors,
+    ZONES: lightZonesColors,
+    WMSR_GRID: 'rgba(0, 0, 0, 0.1)',
+}
+
+const darkTheme: ThemeColors = {
+    TEXT: darkTextColors,
+    PRICE: darkPriceColors,
+    TAG_BG: darkTagBgColors,
+    BORDER: darkBorderColors,
+    GRID: darkGridColors,
+    CROSSHAIR: darkCrosshairColors,
+    MA: darkMAColors,
+    BOLL: darkBOLLColors,
+    MACD: darkMACDColors,
+    VOLUME: darkVolumeColors,
+    RSI: darkRSIColors,
+    CCI: darkCCIColors,
+    KDJ: darkKDJColors,
+    MOM: darkMOMColors,
+    WMSR: darkWMSRColors,
+    KST: darkKSTColors,
+    EXPMA: darkEXPMAColors,
+    ENE: darkENEColors,
+    LABEL: darkLabelColors,
+    LAST_PRICE_LABEL: darkLastPriceLabelColors,
+    VOLUME_PRICE: darkVolumePriceColors,
+    STRUCTURE: darkStructureColors,
+    ZONES: darkZonesColors,
+    WMSR_GRID: 'rgba(255, 255, 255, 0.1)',
+}
+
+/**
+ * 根据主题获取颜色配置
+ * @param theme - 主题类型 'light' | 'dark'
+ * @returns 主题色值集合
+ */
+export function getColors(theme: ChartTheme): ThemeColors {
+    return theme === 'dark' ? darkTheme : lightTheme
+}
+
+/**
+ * 日志颜色（与主题无关，保留常量导出）
+ */
+export const LOG_COLORS = {
+    INFO: 'background:#164586;color:#fff;',
+    SUCCESS: 'background:#389e0d;color:#fff;',
+    WARN: 'background:#d46b08;color:#fff;',
+    ERROR: 'background:#cf1322;color:#fff;',
+    CONSOLE: '#666',
+} as const
+
+/**
+ * 工具函数：根据涨跌返回颜色
+ * @param type - 涨跌类型
+ * @param theme - 主题类型
+ * @returns 对应颜色
+ */
+export function getPriceColor(type: 'up' | 'down' | 'neutral', theme: ChartTheme = 'light'): string {
+    const colors = getColors(theme)
+    switch (type) {
+        case 'up':
+            return colors.PRICE.UP
+        case 'down':
+            return colors.PRICE.DOWN
+        case 'neutral':
+            return colors.PRICE.NEUTRAL
+    }
+}
+
+/**
+ * 工具函数：根据涨跌百分比返回颜色
+ * @param changePercent - 涨跌百分比
+ * @param theme - 主题类型
+ * @returns 对应颜色
+ */
+export function getTickColor(changePercent: number, theme: ChartTheme = 'light'): string {
+    const colors = getColors(theme)
+    return changePercent >= 0 ? colors.PRICE.UP_TICK : colors.PRICE.DOWN_TICK
+}