feat (ui): light/dark mode

2026-03-09 15:40:46 +01:00
parent cf8a079b77
commit 7a395a24b4
5 changed files with 194 additions and 52 deletions
@@ -4,6 +4,16 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Rename MVP Debug</title>
+    <script>
+      (function () {
+        var key = "rename_mvp_theme";
+        var theme = localStorage.getItem(key);
+        if (theme !== "light" && theme !== "dark") {
+          theme = "dark";
+        }
+        document.documentElement.setAttribute("data-theme", theme);
+      })();
+    </script>
    <link rel="stylesheet" href="/static/styles.css" />
  </head>
  <body>
@@ -4,12 +4,25 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Rename MVP</title>
+    <script>
+      (function () {
+        var key = "rename_mvp_theme";
+        var theme = localStorage.getItem(key);
+        if (theme !== "light" && theme !== "dark") {
+          theme = "dark";
+        }
+        document.documentElement.setAttribute("data-theme", theme);
+      })();
+    </script>
    <link rel="stylesheet" href="/static/styles.css" />
  </head>
  <body>
    <header class="topbar">
      <h1>Rename MVP</h1>
-      <div id="sessionMeta"></div>
+      <div class="topbar-right">
+        <div id="sessionMeta"></div>
+        <button id="themeToggleBtn" class="theme-toggle-btn" type="button" aria-label="Toggle theme">☀️</button>
+      </div>
    </header>

    <main class="grid">