fix: preserve theme mode cycling (#101017)

shakkernerd · shakkernerd · commit b0495eee0477 · 2026-07-08T14:35:52.000+01:00
diff --git a/ui/src/components/theme-mode-toggle.ts b/ui/src/components/theme-mode-toggle.ts
@@ -22,21 +22,11 @@ class ThemeModeToggle extends LitElement {
     this.style.display = "contents";
   }
 
-  private readonly nextMode = (): ThemeMode => {
-    switch (this.mode) {
-      case "system":
-        return "light";
-      case "light":
-        return "dark";
-      case "dark":
-        return "system";
-    }
-  };
-
   private readonly handleModeChange = (event: Event) => {
+    const mode = this.mode === "system" ? "light" : this.mode === "light" ? "dark" : "system";
     this.dispatchEvent(
       new CustomEvent<ThemeModeChangeDetail>("theme-change", {
-        detail: { mode: this.nextMode(), element: event.currentTarget as HTMLElement },
+        detail: { mode, element: event.currentTarget as HTMLElement },
         bubbles: true,
         composed: true,
       }),
