@363045841yyt/klinechart 0.6.10 → 0.7.1

package/dist/src/core/theme/colors.d.ts

@@ -1,230 +1,203 @@
 /**
- * 统一颜色配置
- * 所有文本颜色集中管理，确保视觉一致性
- */
-/**
- * 文本颜色标准
- */
-export declare const TEXT_COLORS: {
-    /**
-     * 主要文本：深石墨色
-     * 对应你原来的 hsl(210, 9%, 31%)，作为视觉重心
-     */
-    readonly PRIMARY: "hsl(210, 9%, 31%)";
-    /**
-     * 次要文本：灰蓝色调
-     * 用于副标题、正文
-     */
-    readonly SECONDARY: "hsl(210, 9%, 35%)";
-    /**
-     * 辅助文本：用于标签、占位符
-     */
-    readonly TERTIARY: "hsl(210, 8%, 50%)";
-    /**
-     * 弱文本/禁用状态：用于页脚、失效信息
-     */
-    readonly WEAK: "hsl(210, 7%, 65%)";
-    /**
-     * 反白文字：92% 不透明度的纯白
-     * 这种做法很好，避免了纯白刺眼
-     */
-    readonly WHITE: "rgba(255, 255, 255, 0.92)";
-};
-/**
- * 涨跌颜色（股票配色）
- */
-export declare const PRICE_COLORS: {
-    /** 上涨颜色（红） */
-    readonly UP: "rgba(214, 10, 34, 1)";
-    readonly UP_LIGHT: "rgba(214, 10, 34, 0.92)";
-    readonly UP_TICK: "hsl(0, 60%, 50%)";
-    /** 下跌颜色（绿） */
-    readonly DOWN: "rgba(3, 123, 102, 1)";
-    readonly DOWN_LIGHT: "rgba(3, 123, 102, 0.92)";
-    readonly DOWN_TICK: "hsl(150, 30%, 60%)";
-    /** 中性颜色 */
-    readonly NEUTRAL: "rgba(0, 0, 0, 0.78)";
-    /** 最新价颜色 */
-    readonly LAST_PRICE: "rgba(196, 74, 86, 0.95)";
-};
-/**
- * 十字线标签背景颜色
- */
-export declare const TAG_BG_COLORS: {
-    /** 白色背景 */
-    readonly WHITE: "rgb(255, 255, 255)";
-    /** 浅灰背景 */
-    readonly LIGHT_GRAY: "rgba(255, 255, 255, 0.92)";
-    /** 纯白背景 */
-    readonly PURE_WHITE: "#ffffff";
-    /** 透明背景 */
-    readonly TRANSPARENT: "transparent";
-    /** 激活状态背景 */
-    readonly ACTIVE: "#1890ff";
-    readonly ACTIVE_HOVER: "#40a9ff";
-    /** 悬停背景 */
-    readonly HOVER: "#f0f0f0";
-};
-/**
- * 边框颜色
- */
-export declare const BORDER_COLORS: {
-    /** 深色边框 */
-    readonly DARK: "rgba(0, 0, 0, 0.12)";
-    /** 中色边框 */
-    readonly MEDIUM: "rgba(0, 0, 0, 0.10)";
-    /** 浅色边框 */
-    readonly LIGHT: "rgba(0, 0, 0, 0.08)";
-    /** 分隔线 */
-    readonly SEPARATOR: "rgba(0, 0, 0, 0.10)";
-    /** 按钮边框 */
-    readonly BUTTON: "#d0d0d0";
-};
-/**
- * 网格线颜色
- */
-export declare const GRID_COLORS: {
-    /** 水平网格线 */
-    readonly HORIZONTAL: "rgba(0, 0, 0, 0.06)";
-    /** 垂直网格线 */
-    readonly VERTICAL: "rgba(0, 0, 0, 0.12)";
-};
-/**
- * 均线颜色
- */
-export declare const MA_COLORS: {
-    readonly MA5: "rgba(255, 193, 37, 1)";
-    readonly MA10: "rgba(190, 131, 12, 1)";
-    readonly MA20: "rgba(69, 112, 249, 1)";
-    readonly MA30: "rgba(76, 175, 80, 1)";
-    readonly MA60: "rgba(156, 39, 176, 1)";
-};
-/**
- * 布林带颜色
- */
-export declare const BOLL_COLORS: {
-    /** 上轨颜色 */
-    readonly UPPER: "rgba(178, 34, 34, 1)";
-    /** 中轨颜色（与 MA20 相同） */
-    readonly MIDDLE: "rgba(69, 112, 249, 1)";
-    /** 下轨颜色 */
-    readonly LOWER: "rgba(34, 139, 34, 1)";
-    /** 带状区域填充 */
-    readonly BAND_FILL: "rgba(100, 149, 237, 0.1)";
-};
-/**
- * MACD 颜色
- */
-export declare const MACD_COLORS: {
-    /** DIF 线颜色（快线）- 与 MA20 相同 */
-    readonly DIF: "rgba(69, 112, 249, 1)";
-    /** DEA 线颜色（慢线）- 橙色 */
-    readonly DEA: "rgba(255, 152, 0, 1)";
-    /** MACD 柱红色（正值上升） */
-    readonly BAR_UP: "#ff5252";
-    /** MACD 柱淡红色（正值下降） */
-    readonly BAR_UP_LIGHT: "#fccbcd";
-    /** MACD 柱绿色（负值下降） */
-    readonly BAR_DOWN: "#22ab94";
-    /** MACD 柱淡绿色（负值上升） */
-    readonly BAR_DOWN_LIGHT: "#ace5dc";
-};
-/**
- * 成交量颜色（与 MACD 柱子配色一致）
- */
-export declare const VOLUME_COLORS: {
-    /** 上涨柱子（与 MACD BAR_UP 一致） */
-    readonly UP: "#ff5252";
-    /** 下跌柱子（与 MACD BAR_DOWN 一致） */
-    readonly DOWN: "#22ab94";
-    /** 中性/平盘柱子 */
-    readonly NEUTRAL: "rgba(0, 0, 0, 0.78)";
-};
-/**
- * RSI 颜色
- */
-export declare const RSI_COLORS: {
-    readonly RSI1: "rgba(69, 112, 249, 1)";
-    readonly RSI2: "rgba(255, 152, 0, 1)";
-    readonly RSI3: "rgba(156, 39, 176, 1)";
-};
-/**
- * CCI 颜色
- */
-export declare const CCI_COLORS: {
-    readonly CCI: "rgba(69, 112, 249, 1)";
-    /** 超买线 +100 */
-    readonly OVERBOUGHT: "rgba(214, 10, 34, 0.5)";
-    /** 超卖线 -100 */
-    readonly OVERSOLD: "rgba(3, 123, 102, 0.5)";
-};
-/**
- * KDJ/STOCH 颜色
- */
-export declare const KDJ_COLORS: {
-    readonly K: "rgba(69, 112, 249, 1)";
-    readonly D: "rgba(255, 152, 0, 1)";
-    readonly J: "rgba(156, 39, 176, 1)";
-};
-/**
- * MOM 颜色
- */
-export declare const MOM_COLORS: {
-    readonly MOM: "rgba(69, 112, 249, 1)";
-    readonly ZERO: "rgba(0, 0, 0, 0.2)";
-};
-/**
- * WMSR 颜色
- */
-export declare const WMSR_COLORS: {
-    readonly WMSR: "rgba(69, 112, 249, 1)";
-    /** 超买线 -20 */
-    readonly OVERBOUGHT: "rgba(214, 10, 34, 0.5)";
-    /** 超卖线 -80 */
-    readonly OVERSOLD: "rgba(3, 123, 102, 0.5)";
-};
-/**
- * KST 颜色
- */
-export declare const KST_COLORS: {
-    readonly KST: "rgba(69, 112, 249, 1)";
-    readonly SIGNAL: "rgba(255, 152, 0, 1)";
-};
-/**
- * EXPMA 颜色
- */
-export declare const EXPMA_COLORS: {
-    /** 快线颜色（橙色，参考 RSI2） */
-    readonly FAST: "rgba(255, 152, 0, 1)";
-    /** 慢线颜色（蓝色） */
-    readonly SLOW: "rgba(69, 112, 249, 1)";
-};
-/**
- * ENE 轨道线颜色
- */
-export declare const ENE_COLORS: {
-    /** 上轨颜色（红色） */
-    readonly UPPER: "rgba(214, 10, 34, 1)";
-    /** 中轨颜色（蓝色） */
-    readonly MIDDLE: "rgba(69, 112, 249, 1)";
-    /** 下轨颜色（绿色） */
-    readonly LOWER: "rgba(3, 123, 102, 1)";
-    /** 带状区域填充 */
-    readonly BAND_FILL: "rgba(69, 112, 249, 0.08)";
-};
-/**
- * 十字线颜色
- */
-export declare const CROSSHAIR_COLORS: {
-    /** 十字线颜色 */
-    readonly LINE: "rgba(0, 0, 0, 0.28)";
-    /** 十字线标签背景 */
-    readonly LABEL_BG: "rgb(0, 0, 0)";
-    /** 十字线标签文本 */
-    readonly LABEL_TEXT: "rgba(255, 255, 255, 0.92)";
-};
-/**
- * 日志颜色
+ * 主题感知颜色配置
+ * 所有颜色通过 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;
+}
+/**
+ * 根据主题获取颜色配置
+ * @param theme - 主题类型 'light' | 'dark'
+ * @returns 主题色值集合
+ */
+export declare function getColors(theme: ChartTheme): ThemeColors;
+/**
+ * 日志颜色（与主题无关，保留常量导出）
  */
 export declare const LOG_COLORS: {
     readonly INFO: "background:#164586;color:#fff;";
@@ -235,9 +208,15 @@ export declare const LOG_COLORS: {
 };
 /**
  * 工具函数：根据涨跌返回颜色
+ * @param type - 涨跌类型
+ * @param theme - 主题类型
+ * @returns 对应颜色
  */
-export declare function getPriceColor(type: 'up' | 'down' | 'neutral'): "rgba(214, 10, 34, 1)" | "rgba(3, 123, 102, 1)" | "rgba(0, 0, 0, 0.78)";
+export declare function getPriceColor(type: 'up' | 'down' | 'neutral', theme?: ChartTheme): string;
 /**
  * 工具函数：根据涨跌百分比返回颜色
+ * @param changePercent - 涨跌百分比
+ * @param theme - 主题类型
+ * @returns 对应颜色
  */
-export declare function getTickColor(changePercent: number): "hsl(0, 60%, 50%)" | "hsl(150, 30%, 60%)";
+export declare function getTickColor(changePercent: number, theme?: ChartTheme): string;

package/dist/src/plugin/PluginHost.d.ts

@@ -5,6 +5,7 @@ export declare class PluginHostImpl implements PluginHost {
     private hookSystem;
     private configManager;
     private stateStore;
+    private services;
     private isDestroyed;
     private logger;
     constructor(logger?: PluginLogger);
@@ -29,6 +30,8 @@ export declare class PluginHostImpl implements PluginHost {
     clearSharedState(namespace: string): void;
     registerStateOwner(ownerId: string, namespaces: string[]): void;
     clearByOwner(ownerId: string): void;
+    registerService(name: string, service: unknown): void;
+    getService<T = unknown>(name: string): T | undefined;
     /**
      * 安装插件
      */

package/dist/src/plugin/types.d.ts

@@ -87,6 +87,10 @@ export interface PluginHost {
     registerStateOwner(ownerId: string, namespaces: string[]): void;
     /** 按拥有者清除状态 */
     clearByOwner(ownerId: string): void;
+    /** 注册服务 */
+    registerService(name: string, service: unknown): void;
+    /** 获取已注册的服务 */
+    getService<T = unknown>(name: string): T | undefined;
 }
 /** Pane 角色 */
 export type PaneRole = 'price' | 'indicator' | 'auxiliary';
@@ -252,6 +256,8 @@ export interface RenderContext {
     yAxisRanges?: YAxisRange[];
     /** 需要在X轴上绘制的范围带列表（由绘图渲染器填充，先于标签绘制） */
     xAxisRanges?: XAxisRange[];
+    /** 当前主题 */
+    theme: import('../core/theme/colors').ChartTheme;
 }
 export type DrawingAnchor = {
     id: string;

package/dist/src/semantic/types.d.ts

@@ -140,6 +140,65 @@ export interface SubIndicatorParams {
     DONCHIAN?: {
         period?: number;
     };
+    ICHIMOKU?: {
+        tenkanPeriod?: number;
+        kijunPeriod?: number;
+        spanBPeriod?: number;
+        displacement?: number;
+    };
+    ROC?: {
+        period?: number;
+    };
+    TRIX?: {
+        period?: number;
+        signalPeriod?: number;
+    };
+    HV?: {
+        period?: number;
+        annualizationFactor?: number;
+    };
+    PARKINSON?: {
+        period?: number;
+        annualizationFactor?: number;
+    };
+    CHAIKIN_VOL?: {
+        emaPeriod?: number;
+        rocPeriod?: number;
+    };
+    VMA?: {
+        period?: number;
+    };
+    OBV?: Record<string, never>;
+    PVT?: Record<string, never>;
+    VWAP?: {
+        sessionResetGapMs?: number;
+    };
+    CMF?: {
+        period?: number;
+    };
+    MFI?: {
+        period?: number;
+    };
+    PIVOT?: Record<string, never>;
+    FIB?: {
+        period?: number;
+    };
+    STRUCTURE?: {
+        leftWindow?: number;
+        rightWindow?: number;
+        breakoutSource?: 'close' | 'wick';
+    };
+    ZONES?: {
+        showFVG?: boolean;
+        showOB?: boolean;
+        showFilledZones?: boolean;
+        obLookback?: number;
+    };
+    VOLUME_PROFILE?: {
+        bins?: number;
+        lookback?: number;
+        valueAreaPercent?: number;
+    };
 }
 /** 副图指标类型 */
 export type SubIndicatorType = keyof SubIndicatorParams;

package/dist/src/utils/kLineDraw/MA.d.ts

@@ -1,12 +1,7 @@
 import { KLineData } from '../../types/price';
 import { drawOption, PriceRange } from './kLine';
-export declare const MA5_COLOR: "rgba(255, 193, 37, 1)";
-export declare const MA10_COLOR: "rgba(190, 131, 12, 1)";
-export declare const MA20_COLOR: "rgba(69, 112, 249, 1)";
-export declare const MA30_COLOR: "rgba(76, 175, 80, 1)";
-export declare const MA60_COLOR: "rgba(156, 39, 176, 1)";
-export declare function drawMA5Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[]): void;
-export declare function drawMA10Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[]): void;
-export declare function drawMA20Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[]): void;
-export declare function drawMA30Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[]): void;
-export declare function drawMA60Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[]): void;
+export declare function drawMA5Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[], theme?: 'light' | 'dark'): void;
+export declare function drawMA10Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[], theme?: 'light' | 'dark'): void;
+export declare function drawMA20Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[], theme?: 'light' | 'dark'): void;
+export declare function drawMA30Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[], theme?: 'light' | 'dark'): void;
+export declare function drawMA60Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, kLinePositions?: number[], theme?: 'light' | 'dark'): void;

package/dist/src/utils/kLineDraw/axis.d.ts

@@ -24,7 +24,7 @@ export interface PriceAxisOptions {
     priceOffset?: number;
 }
 /** 右侧价格轴（固定，不随 translate/scroll 变化） */
-export declare function drawPriceAxis(ctx: CanvasRenderingContext2D, opts: PriceAxisOptions): void;
+export declare function drawPriceAxis(ctx: CanvasRenderingContext2D, opts: PriceAxisOptions, theme?: 'light' | 'dark'): void;
 export interface TimeAxisOptions {
     x: number;
     y: number;
@@ -113,12 +113,12 @@ export interface CrosshairTimeLabelOptions {
     paddingX?: number;
     paddingY?: number;
 }
-export declare function drawCrosshairTimeLabel(ctx: CanvasRenderingContext2D, opts: CrosshairTimeLabelOptions): void;
-export declare function drawCrosshairPriceLabel(ctx: CanvasRenderingContext2D, opts: CrosshairPriceLabelOptions): void;
+export declare function drawCrosshairTimeLabel(ctx: CanvasRenderingContext2D, opts: CrosshairTimeLabelOptions, theme?: 'light' | 'dark'): void;
+export declare function drawCrosshairPriceLabel(ctx: CanvasRenderingContext2D, opts: CrosshairPriceLabelOptions, theme?: 'light' | 'dark'): void;
 /** 绘制"最新价水平虚线"（画在 plotCanvas 的 world 坐标系：需在 translate(-scrollLeft,0) 之后调用） */
-export declare function drawLastPriceDashedLine(ctx: CanvasRenderingContext2D, opts: LastPriceLineOptions): void;
+export declare function drawLastPriceDashedLine(ctx: CanvasRenderingContext2D, opts: LastPriceLineOptions, theme?: 'light' | 'dark'): void;
 /** 底部时间轴（X方向随 scrollLeft 变化） */
-export declare function drawTimeAxis(ctx: CanvasRenderingContext2D, opts: TimeAxisOptions): void;
+export declare function drawTimeAxis(ctx: CanvasRenderingContext2D, opts: TimeAxisOptions, theme?: 'light' | 'dark'): void;
 /** ============ 轴标签绘制函数 ============ */
 export interface AxisPriceLabelOptions {
     x: number;
@@ -133,7 +133,7 @@ export interface AxisPriceLabelOptions {
     textColor?: string;
     fontSize?: number;
 }
-export declare function drawAxisPriceLabel(ctx: CanvasRenderingContext2D, opts: AxisPriceLabelOptions): void;
+export declare function drawAxisPriceLabel(ctx: CanvasRenderingContext2D, opts: AxisPriceLabelOptions, theme?: 'light' | 'dark'): void;
 export interface AxisTimeLabelOptions {
     x: number;
     y: number;
@@ -147,4 +147,4 @@ export interface AxisTimeLabelOptions {
     fontSize?: number;
     paddingX?: number;
 }
-export declare function drawAxisTimeLabel(ctx: CanvasRenderingContext2D, opts: AxisTimeLabelOptions): void;
+export declare function drawAxisTimeLabel(ctx: CanvasRenderingContext2D, opts: AxisTimeLabelOptions, theme?: 'light' | 'dark'): void;

package/dist/src/utils/kLineDraw/grid.d.ts

@@ -24,7 +24,7 @@ export interface GridOption {
  */
 export declare function drawGridLayer(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr: number, startIndex: number, endIndex: number, priceRange: PriceRange, 
 /**
- * 右侧价格轴所在的“世界坐标X”（在 translate(-scrollLeft, 0) 之后的坐标系里）
+ * 右侧价格轴所在的"世界坐标X"（在 translate(-scrollLeft, 0) 之后的坐标系里）
  * 通常传入：scrollLeft + viewWidth
  */
-axisRightX: number, gridOpt?: GridOption): void;
+axisRightX: number, gridOpt?: GridOption, theme?: 'light' | 'dark'): void;

package/dist/src/utils/kLineDraw/kLine.d.ts

@@ -12,4 +12,4 @@ export interface PriceRange {
  * @deprecated
  * K线图绘制 - 影线固定为 1 物理像素宽
  */
-export declare function kLineDraw(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange): void;
+export declare function kLineDraw(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number, startIndex?: number, endIndex?: number, priceRange?: PriceRange, theme?: 'light' | 'dark'): void;

package/dist/src/utils/kline/format.d.ts

@@ -1,14 +1,11 @@
 import { KLineData } from '../../types/price';
 export { formatShanghaiDate } from '../dateFormat';
-export declare const UP_COLOR: "rgba(214, 10, 34, 1)";
-export declare const DOWN_COLOR: "rgba(3, 123, 102, 1)";
-export declare const NEUTRAL_COLOR: "rgba(0, 0, 0, 0.78)";
-export declare function getUpDownColor(delta: number): string;
+export declare function getUpDownColor(delta: number, theme?: 'light' | 'dark'): string;
 /** 成交量/成交额单位换算：万/亿 */
 export declare function formatWanYi(n: number, digits?: number): string;
 export declare function formatSignedNumber(n: number, digits?: number): string;
 export declare function formatPercent(n: number, digits?: number): string;
 export declare function formatSignedPercent(n: number, digits?: number): string;
-export declare function calcOpenColor(k: KLineData, prev?: KLineData): string;
-export declare function calcCloseColor(k: KLineData): string;
-export declare function calcChangeColor(k: KLineData): string;
+export declare function calcOpenColor(k: KLineData, prev?: KLineData, theme?: 'light' | 'dark'): string;
+export declare function calcCloseColor(k: KLineData, theme?: 'light' | 'dark'): string;
+export declare function calcChangeColor(k: KLineData, theme?: 'light' | 'dark'): string;