use dark mode if the browser uses dark mode (untested)

nordtheme · Aug 17, 2022 · b4d2c11 · b4d2c11
1 parent 3a5fb09
commit b4d2c11
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/containers/core/Root/Root.jsx b/src/components/containers/core/Root/Root.jsx
@@ -80,8 +80,12 @@ export default class Root extends Component {
   }
 
   state = {
-    themeMode: readSessionCache(SESSIONSTORAGE_KEY_THEME_MODE) || MODE_BRIGHT_SNOW_FLURRY
-  };
+    themeMode:
+      readSessionCache(SESSIONSTORAGE_KEY_THEME_MODE) ||
+      (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
+        ? MODE_DARK_NIGHT_FROST
+        : MODE_BRIGHT_SNOW_FLURRY),
+  };  
 
   /**
    * Toggles the global theme mode and persists it in the browser's session storage.