@univerjs-pro/engine-chart 0.7.0-nightly.202505111606 → 0.7.0-nightly.202505121607

package/lib/types/model/chart-model.d.ts

@@ -98,6 +98,8 @@ export declare class ChartModel extends Disposable {
                     datazoomLabelColor?: string | undefined;
                 } | undefined;
             } | undefined;
+            getRenderColor?: {} | undefined;
+            isDarkMode?: boolean | undefined;
             hasSecondaryAxis?: boolean | undefined;
             localeService?: {
                 readonly currentLocale$?: {
@@ -888,6 +890,8 @@ export declare class ChartModel extends Disposable {
                     datazoomLabelColor?: string | undefined;
                 } | undefined;
             } | undefined;
+            getRenderColor?: {} | undefined;
+            isDarkMode?: boolean | undefined;
             hasSecondaryAxis?: boolean | undefined;
             localeService?: {
                 readonly currentLocale$?: {
@@ -1678,6 +1682,8 @@ export declare class ChartModel extends Disposable {
                     datazoomLabelColor?: string | undefined;
                 } | undefined;
             } | undefined;
+            getRenderColor?: {} | undefined;
+            isDarkMode?: boolean | undefined;
             hasSecondaryAxis?: boolean | undefined;
             localeService?: {
                 readonly currentLocale$?: {

package/lib/types/model/chart-theme.service.d.ts

@@ -1,5 +1,6 @@
-import { Injector, Disposable } from '@univerjs/core';
+import { Injector, Disposable, ThemeService } from '@univerjs/core';
 import { IEchartTheme } from './constants/build-in-theme';
+import { ICanvasColorService } from '@univerjs/engine-render';
 export interface IChartTheme {
     colors: string[];
 }
@@ -11,9 +12,22 @@ export interface IChartThemeService {
     getDefaultTheme(): IEchartTheme;
 }
 export declare class ChartThemeService extends Disposable {
+    private readonly _themeService;
+    private readonly _canvasColorService;
     private _themeMap;
     private _hasRegistered;
-    constructor();
+    constructor(_themeService: ThemeService, _canvasColorService: ICanvasColorService);
+    /**
+     * Get the univer color system theme is dark mode or not.
+     * @returns {boolean} - true if dark mode, false otherwise.
+     */
+    getSystemThemeIsDarkMode(): boolean;
+    /**
+     * Get the real color for rendering.It will check the system theme is dark mode or not.
+     * @param {string} color - The color to be rendered.
+     * @returns {string} - The color to be rendered.
+     */
+    getRenderColor(color: string): string;
     getColors(name: string | undefined): string[];
     initBuildInThemes(): void;
     getRegisteredThemes(): string[];

package/lib/types/model/mode-converter/render-spec-operators/tools.d.ts

@@ -21,4 +21,6 @@ export declare const getGradientColor: (color: string, gradientFill: boolean) =>
         color: string;
     }[];
 };
+type RenderColorFunc = (color: string) => string;
+export declare const getRenderColorFunc: (style: ChartStyle) => RenderColorFunc;
 export {};

package/lib/types/types.d.ts

@@ -136,6 +136,16 @@ export interface IChartRuntimeContext {
     themeColors?: string[];
     axes: IRuntimeAxis[];
     themeInfo: IEchartTheme;
+    /**
+     * The function to transform the color to the render color with considering the system theme is dark mode or not.
+     * @param {string} color - The color to be rendered.
+     * @returns {string} - The color to be rendered.
+     */
+    getRenderColor(color: string): string;
+    /**
+     * The current theme is dark mode or not.
+     */
+    isDarkMode: boolean;
     hasSecondaryAxis: boolean;
     localeService: LocaleService;
     wordCloudImageMaskMap: Map<string, HTMLImageElement>;