improve generated CSS for defining a theme

infinite-table · May 7, 2024 · cedb081 · cedb081
1 parent 54f9344
commit cedb081
Showing 1 changed file with 9 additions and 15 deletions.
diff --git a/source/src/components/InfiniteTable/defineTheme.css.ts b/source/src/components/InfiniteTable/defineTheme.css.ts
@@ -12,23 +12,17 @@ export function defineTheme(
     darkStyles: GlobalStyleRule;
   },
 ) {
-  globalStyle(`.${getThemeNameCls(themeName)}:root`, {
-    ...styles.lightStyles,
-    '@media': {
-      '(prefers-color-scheme: dark)': {
-        ...styles.darkStyles,
+  globalStyle(
+    `.${getThemeNameCls(themeName)}:root, .${getThemeNameCls(themeName)}`,
+    {
+      ...styles.lightStyles,
+      '@media': {
+        '(prefers-color-scheme: dark)': {
+          ...styles.darkStyles,
+        },
       },
     },
-  });
-
-  globalStyle(`.${getThemeNameCls(themeName)}`, {
-    ...styles.lightStyles,
-    '@media': {
-      '(prefers-color-scheme: dark)': {
-        ...styles.darkStyles,
-      },
-    },
-  });
+  );
   globalStyle(getThemeGlobalSelector(themeName, 'light'), styles.lightStyles);
   globalStyle(getThemeGlobalSelector(themeName, 'dark'), styles.darkStyles);
 }