diff --git a/packages/insight/src/store/app.reducer.ts b/packages/insight/src/store/app.reducer.ts
index 9244bf3e3e8..6b9cf97d7bd 100644
--- 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: '',
 };