Skip to content

Commit 95547bf

Browse files
authored
fix: prevent white flash by initializing dark mode from system preference (#846)
Initialize dark mode state during app startup using system preferences and stored user settings to prevent momentary white flash on page load. Previously, dark mode was always initialized as false before checking preferences.
1 parent a016b64 commit 95547bf

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

website/src/AppState.ts

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,10 @@ class GlobalAppState {
1313
loadingError: observable,
1414
});
1515

16-
this.darkMode = false;
16+
const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
17+
const storedDarkMode = localStorage.getItem('customDarkMode');
18+
19+
this.darkMode = storedDarkMode !== null ? JSON.parse(storedDarkMode) : prefersDarkMode;
1720
}
1821

1922
setDarkMode(darkMode: boolean) {

0 commit comments

Comments
 (0)