Fix text size flicker

src/page/theme-switcher/theme-switcher.ts

@@ -24,7 +24,7 @@ export class PageThemeSwitcher extends PageElement {
       (this.htmlRoot as HTMLInputElement).checked = true;
       turnOffAnimations();
       turnOnDarkMode();
-      setTimeout(() => turnOnAnimations(), 0);
+      turnOnAnimations();
     } else {
       turnOnLightMode();
     }

src/style/vars.scss

@@ -9,9 +9,7 @@
   --accent-color: #b7455e;
   --sun-color: #f7f78c;
   --very-light-text-color: #ffffff;
-}
 
-:root {
   --background: #ffffff;
   --normal-text-color: #31343f;
   --card-color: #ffffff;

src/styles.scss

@@ -6,7 +6,6 @@
 html {
   height: 100%;
 
-  background-color: var(--background);
   transition: background-color linear var(--transition-time);
 
   @include on-small-screen {
@@ -68,6 +67,8 @@ html {
 }
 
 body {
+  background-color: var(--background);
+
   padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
     env(safe-area-inset-left);