feat: 兼容暗黑模式

antvis · Nov 20, 2023 · 2f68e70 · 2f68e70
1 parent 0aec291
commit 2f68e70
Show file tree

Hide file tree

Showing 23 changed files with 3,314 additions and 1,846 deletions.
diff --git a/packages/s2-core/__tests__/spreadsheet/__snapshots__/theme-spec.ts.snap b/packages/s2-core/__tests__/spreadsheet/__snapshots__/theme-spec.ts.snap
diff --git a/packages/s2-core/__tests__/spreadsheet/theme-spec.ts b/packages/s2-core/__tests__/spreadsheet/theme-spec.ts
@@ -13,6 +13,7 @@ import type {
   TextBaseline,
   TextTheme,
   ThemeCfg,
+  ThemeName,
 } from '@/common/interface/theme';
 import type { Node } from '@/facet/layout/node';
 import type { PivotSheet } from '@/sheet-type';
@@ -66,6 +67,17 @@ describe('SpreadSheet Theme Tests', () => {
       expect(s2.theme).toEqual(s2.getTheme());
     });
 
+    test.each(['dark', 'gray', 'colorful', 'default'] as ThemeName[])(
+      'should get %s theme',
+      (name) => {
+        s2.setThemeCfg({
+          name,
+        });
+
+        expect(s2.theme).toMatchSnapshot();
+      },
+    );
+
     test.each(CELL_TYPES)(
       "should assign the same color for %s's text and icon",
       async (cellType: CellType) => {

diff --git a/packages/s2-core/src/theme/palette/dark.ts b/packages/s2-core/src/theme/palette/dark.ts
@@ -18,7 +18,7 @@ export const paletteDark: Palette = {
     '#7899ff',
     '#7899ff',
     '#f0f0f0',
-    '#ffffff',
+    '#dcdcdc',
   ],
   semanticColors: { red: '#FF4D4F', green: '#29A294', yellow: '#FAAD14' },
 };