From fb3786f7034f47ace2d5e93b3129325074a120d6 Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Fri, 23 Sep 2022 22:47:49 +0200
Subject: [PATCH] Fix blink when loading with dark mode

---
 src/page/header/theme-switcher/theme-switcher.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/page/header/theme-switcher/theme-switcher.ts b/src/page/header/theme-switcher/theme-switcher.ts
index caa1902..18f441b 100644
--- a/src/page/header/theme-switcher/theme-switcher.ts
+++ b/src/page/header/theme-switcher/theme-switcher.ts
@@ -9,20 +9,18 @@ export class PageThemeSwitcher extends PageElement {
     super(createElement(generate()));
 
     const storedIsDark = PageThemeSwitcher.loadFromLocalStorage();
-    const isDark = storedIsDark !== null ? storedIsDark : isSystemLevelDarkModeEnabled();
+    const isDark = storedIsDark ?? isSystemLevelDarkModeEnabled();
 
     if (isDark) {
       (this.htmlRoot as HTMLInputElement).checked = true;
       turnOffAnimations();
       turnOnDarkMode();
-      turnOnAnimations();
+      setTimeout(turnOnAnimations, 0);
     } else {
       turnOnLightMode();
     }
 
     this.htmlRoot.onchange = this.handleThemeChange.bind(this);
-
-    this.handleThemeChange();
   }
 
   private handleThemeChange() {