rename the editorial theme to "web" and make it the landing view (stop persisting the theme, so a reload never opens the desktop)

src/app/components/ThemeRoot.tsx

@@ -4,9 +4,9 @@ import { useTheme } from "./useTheme";
 import EditorialSite from "./EditorialSite";
 import WindowsDesktop from "./WindowsDesktop";
 
-// The gruvbox editorial site is the default. Phones can never reach the KDE
-// desktop: ThemeScript forces gruvbox there (ignoring a stored "skeuo") and CSS
-// hides the Desktop-mode buttons, so `theme === "skeuo"` is desktop-only.
+// The web editorial site is the default and always the landing view (the theme
+// is not persisted). Phones can never reach the KDE desktop: the Desktop-mode
+// buttons are hidden there, so `theme === "skeuo"` only happens on desktop.
 //
 // The editorial page stays mounted (hidden) while the desktop is up, so its
 // scroll position survives a round-trip. The desktop mounts on demand.

src/app/components/ThemeScript.tsx

@@ -3,14 +3,10 @@
 import { useRef } from "react";
 import { useServerInsertedHTML } from "next/navigation";
 
-// Runs before paint so the saved theme and the phone/desktop split are applied
-// without a flash. It is injected with useServerInsertedHTML so the <script>
-// lives in the SSR HTML stream instead of inside the React tree — React 19
-// logs an error for script tags rendered by components on the client.
-//
-// Phones always get gruvbox: the desktop mode is mouse-oriented, so we ignore a
-// stored "skeuo" there and the CSS also hides the Desktop-mode button.
-const INIT_SCRIPT = `(function(){try{var t=localStorage.getItem('theme');var ua=navigator.userAgent||'';var phone=/(iPhone|iPod|Android.+Mobile|Windows Phone|IEMobile|BlackBerry|Opera Mini|Mobile)/i.test(ua);document.documentElement.setAttribute('data-device',phone?'phone':'desktop');if(phone){t='gruvbox';}if(t==='gruvbox'||t==='skeuo'){document.documentElement.setAttribute('data-theme',t);}}catch(e){}})();`;
+// Runs before paint to set the phone/desktop split. The theme itself is not
+// read from storage — the web theme is always the landing view — so this only
+// tags the device, which CSS uses to hide the Desktop-mode button on phones.
+const INIT_SCRIPT = `(function(){try{var ua=navigator.userAgent||'';var phone=/(iPhone|iPod|Android.+Mobile|Windows Phone|IEMobile|BlackBerry|Opera Mini|Mobile)/i.test(ua);document.documentElement.setAttribute('data-device',phone?'phone':'desktop');}catch(e){}})();`;
 
 export default function ThemeScript() {
   // useServerInsertedHTML can fire several times during a single render pass;

src/app/components/WindowsDesktop.tsx

@@ -577,10 +577,10 @@ export default function WindowsDesktop() {
             type="button"
             className="win-theme-toggle"
             onClick={toggle}
-            title={`Switch to ${theme === "skeuo" ? "gruvbox" : "Desktop"} theme`}
+            title={`Switch to ${theme === "skeuo" ? "web" : "Desktop"} theme`}
           >
             <span aria-hidden="true">{theme === "skeuo" ? "▚" : "❖"}</span>
-            <span>{theme === "skeuo" ? "Gruvbox" : "Desktop"}</span>
+            <span>{theme === "skeuo" ? "Web" : "Desktop"}</span>
           </button>
 
           <Clock className="win-clock" />

src/app/components/apps.tsx

@@ -45,14 +45,14 @@ function WelcomeApp() {
         <li>Drag windows around by their title bar.</li>
         <li>Use the buttons at the top-right to minimize, maximize or close.</li>
         <li>Open apps from the Gentoo launcher, bottom-left.</li>
-        <li>Switch back to the Gruvbox theme from the panel tray, bottom-right.</li>
+        <li>Switch back to the web theme from the panel tray, bottom-right.</li>
       </ul>
       <p className="app-preference">
         If you&#39;d prefer a normal website{" "}
         <button
           type="button"
           className="app-inline-link"
-          onClick={() => setTheme("gruvbox")}
+          onClick={() => setTheme("web")}
         >
           click here
         </button>

src/app/components/useTheme.ts

@@ -2,37 +2,30 @@
 
 import { useSyncExternalStore } from "react";
 
-// "gruvbox" is the editorial site (the default). "skeuo" is the KDE desktop,
-// reachable from the editorial page's Desktop-mode button on non-phones.
-export type Theme = "gruvbox" | "skeuo";
+// "web" is the editorial site and always the landing view. "skeuo" is the KDE
+// desktop, reachable from the editorial page's Desktop-mode button. The choice
+// is deliberately NOT persisted, so a reload always comes back to the web theme
+// (and there is no wrong-theme flash on load).
+export type Theme = "web" | "skeuo";
 
 const EVENT = "theme-change";
 
 function subscribe(callback: () => void) {
   window.addEventListener(EVENT, callback);
-  window.addEventListener("storage", callback);
-  return () => {
-    window.removeEventListener(EVENT, callback);
-    window.removeEventListener("storage", callback);
-  };
+  return () => window.removeEventListener(EVENT, callback);
 }
 
 function getSnapshot(): Theme {
-  return document.documentElement.getAttribute("data-theme") === "skeuo" ? "skeuo" : "gruvbox";
+  return document.documentElement.getAttribute("data-theme") === "skeuo" ? "skeuo" : "web";
 }
 
 function getServerSnapshot(): Theme {
-  return "gruvbox";
+  return "web";
 }
 
 export function setTheme(theme: Theme) {
   if (typeof document === "undefined") return;
   document.documentElement.setAttribute("data-theme", theme);
-  try {
-    localStorage.setItem("theme", theme);
-  } catch {
-    /* ignore */
-  }
   window.dispatchEvent(new Event(EVENT));
 }
 
@@ -41,6 +34,6 @@ export function useTheme() {
   return {
     theme,
     setTheme,
-    toggle: () => setTheme(theme === "skeuo" ? "gruvbox" : "skeuo"),
+    toggle: () => setTheme(theme === "skeuo" ? "web" : "skeuo"),
   };
 }