Add system default theme color

bitpay · Aug 25, 2023 · 95918c0 · 95918c0
1 parent 311f3b1
commit 95918c0
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/insight/src/store/app.reducer.ts b/packages/insight/src/store/app.reducer.ts
@@ -16,7 +16,11 @@ interface AppState {
 const initialTheme = window.localStorage.getItem('theme');
 const initialState: AppState = {
   loading: false,
-  theme: initialTheme || 'dark',
+  theme: initialTheme
+    ? initialTheme
+    : window.matchMedia?.('(prefers-color-scheme: dark)').matches // System default theme color
+    ? 'dark'
+    : 'light',
   network: '',
   currency: '',
 };