VisActor · xile611 · Jun 19, 2024 · Jun 18, 2024 · Jun 18, 2024
diff --git a/...n/changes/@visactor/vchart/feat-optimize-legend-pager-in-dark-theme_2024-06-18-09-59.json b/...n/changes/@visactor/vchart/feat-optimize-legend-pager-in-dark-theme_2024-06-18-09-59.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@visactor/vchart",
+      "comment": "fix: optimize discrete legend pager color in dark theme, related #2654",
+      "type": "none"
+    }
+  ],
+  "packageName": "@visactor/vchart"
+}
diff --git a/packages/vchart/src/theme/builtin/common/component/legend/discrete-legend.ts b/packages/vchart/src/theme/builtin/common/component/legend/discrete-legend.ts
@@ -16,6 +16,21 @@ export const discreteLegend: IDiscreteLegendTheme = {
     },
     space: 12
   },
+  pager: {
+    textStyle: {
+      fill: { type: 'palette', key: 'discreteLegendPagerTextColor' }
+    },
+    handler: {
+      style: {
+        fill: { type: 'palette', key: 'discreteLegendPagerHandlerColor' }
+      },
+      state: {
+        disable: {
+          fill: { type: 'palette', key: 'discreteLegendPagerHandlerDisableColor' }
+        }
+      }
+    }
+  },
   item: {
     visible: true,
     spaceCol: 10,

diff --git a/packages/vchart/src/theme/builtin/dark/color-scheme.ts b/packages/vchart/src/theme/builtin/dark/color-scheme.ts
@@ -66,7 +66,14 @@ export const colorScheme: IThemeColorScheme = {
       /** 成功色 */
       successColor: '#14b267',
       /** 信息色 */
-      infoColor: '#4284ff'
+      infoColor: '#4284ff',
+
+      /** 图例翻页器文字颜色 */
+      discreteLegendPagerTextColor: '#BBBDC3',
+      /** 图例翻页器按钮颜色 */
+      discreteLegendPagerHandlerColor: '#BBBDC3',
+      /** 图例翻页器按钮颜色（disable 态） */
+      discreteLegendPagerHandlerDisableColor: '#55595F'
     } as BuiltinColorPalette
   }
 };
diff --git a/packages/vchart/src/theme/builtin/light/color-scheme.ts b/packages/vchart/src/theme/builtin/light/color-scheme.ts
@@ -66,7 +66,14 @@ export const colorScheme: IThemeColorScheme = {
       /** 成功色 */
       successColor: '#07a35a',
       /** 信息色 */
-      infoColor: '#3073f2'
+      infoColor: '#3073f2',
+
+      /** 图例翻页器文字颜色 */
+      discreteLegendPagerTextColor: 'rgb(51, 51, 51)',
+      /** 图例翻页器按钮颜色 */
+      discreteLegendPagerHandlerColor: 'rgb(47, 69, 84)',
+      /** 图例翻页器按钮颜色（disable 态） */
+      discreteLegendPagerHandlerDisableColor: 'rgb(170, 170, 170)'
     } as BuiltinColorPalette
   }
 };