andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Fix blink when loading with dark mode

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-23 22:47:49 +02:00
parent 4ca000b7a3
commit fb3786f703
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
1 changed files with 2 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/page/header/theme-switcher/theme-switcher.ts
View file

@ -9,20 +9,18 @@ export class PageThemeSwitcher extends PageElement {
super(createElement(generate())); super(createElement(generate()));
const storedIsDark = PageThemeSwitcher.loadFromLocalStorage(); const storedIsDark = PageThemeSwitcher.loadFromLocalStorage();
const isDark = storedIsDark !== null ? storedIsDark : isSystemLevelDarkModeEnabled(); const isDark = storedIsDark ?? isSystemLevelDarkModeEnabled();
if (isDark) { if (isDark) {
(this.htmlRoot as HTMLInputElement).checked = true; (this.htmlRoot as HTMLInputElement).checked = true;
turnOffAnimations(); turnOffAnimations();
turnOnDarkMode(); turnOnDarkMode();
turnOnAnimations(); setTimeout(turnOnAnimations, 0);
} else { } else {
turnOnLightMode(); turnOnLightMode();
} }
this.htmlRoot.onchange = this.handleThemeChange.bind(this); this.htmlRoot.onchange = this.handleThemeChange.bind(this);
this.handleThemeChange();
} }
private handleThemeChange() { private handleThemeChange() {