feat(color-mode): inject __colorMode into theme

styled-components · Sep 26, 2019 · ab3ad17 · ab3ad17
1 parent 96042ff
commit ab3ad17
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/core/src/colorModes.js b/packages/core/src/colorModes.js
@@ -216,7 +216,7 @@ export function useColorModeTheme(theme, mode) {
     if (!hasColorModes(theme)) return theme
 
     if (mode === getInitialColorModeName(theme)) {
-      return theme
+      return { ...theme, __colorMode: mode }
     }
 
     return {
@@ -225,6 +225,7 @@ export function useColorModeTheme(theme, mode) {
         ...theme.colors,
         ...theme.colors.modes[mode],
       },
+      __colorMode: mode,
       __rawColors: theme.colors,
     }
   }, [theme, mode])

diff --git a/packages/core/src/colorModes.test.js b/packages/core/src/colorModes.test.js
@@ -296,6 +296,7 @@ describe('#useColorModeTheme', () => {
           ...darkTheme.colors,
           ...darkTheme.colors.modes.dark,
         },
+        __colorMode: 'dark',
         __rawColors: darkTheme.colors,
         useCustomProperties: false,
       })