rebrand

public/app/constants.js

@@ -6,11 +6,12 @@ export const onboardingPrompts = {
     roleplay: ["Start a roleplay scene with immediate tension.", "Give me a dramatic opening with clear stakes."]
 };
 
+// Stable keys preserve existing saved appearance preferences.
 export const themes = {
-    "fakegpt": {name: "FakeGPT", short: "FG"},
-    "fraud": {name: "Fraud", short: "FR"},
-    "germini": {name: "Germini", short: "GE"},
-    "slopilot": {name: "Slopilot", short: "SP"},
-    "beta-ai": {name: "Beta AI", short: "BA"},
-    "confusity": {name: "Confusity", short: "CF"}
+    "fakegpt": {name: "Grove", short: "GR"},
+    "fraud": {name: "Parchment", short: "PA"},
+    "germini": {name: "Aurora", short: "AU"},
+    "slopilot": {name: "Current", short: "CU"},
+    "beta-ai": {name: "Iris", short: "IR"},
+    "confusity": {name: "Graphite", short: "GP"}
 };

public/app/dom.js

@@ -112,8 +112,8 @@ const onboardingContinue = $("onboardingContinue");
 const onboardingSkip = $("onboardingSkip");
 const authScreens = document.querySelectorAll(".auth-screen");
 const toggleButtons = document.querySelectorAll(".auth-toggle .toggle");
-const themeNameTargets = document.querySelectorAll("[data-theme-name]");
-const themeLogoTargets = document.querySelectorAll("[data-theme-logo]");
+const brandNameTargets = document.querySelectorAll("[data-brand-name]");
+const brandLogoTargets = document.querySelectorAll("[data-brand-logo]");
 const modelSection = document.querySelector(".chat-drawer-section--model");
 const personaSection = document.querySelector(".chat-drawer-section--persona");
 
@@ -231,8 +231,8 @@ export {
     sendBtn,
     saveGenerationSettingsBtn,
     sessionUser,
-    themeLogoTargets,
-    themeNameTargets,
+    brandLogoTargets,
+    brandNameTargets,
     toggleButtons,
     userPersonaList
 };

public/app/themeController.js

@@ -24,16 +24,17 @@ export function applyTheme(themeKey, {
     persist = true,
     title = null,
     themeSelect = null,
-    nameTargets = document.querySelectorAll("[data-theme-name]"),
-    logoTargets = document.querySelectorAll("[data-theme-logo]")
+    nameTargets = document.querySelectorAll("[data-brand-name]"),
+    logoTargets = document.querySelectorAll("[data-brand-logo]")
 } = {}) {
     const nextTheme = normalizeTheme(themeKey);
     const theme = themes[nextTheme];
+    document.documentElement.dataset.theme = nextTheme;
     document.body.dataset.theme = nextTheme;
     if (typeof title === "function") document.title = title(theme);
     if (typeof title === "string") document.title = title;
-    nameTargets.forEach((target) => { target.textContent = theme.name; });
-    logoTargets.forEach((target) => { target.textContent = theme.short; });
+    nameTargets.forEach((target) => { target.textContent = "elsewhere"; });
+    logoTargets.forEach((target) => { target.textContent = ""; target.classList.add("doorway-mark"); });
     if (themeSelect) themeSelect.value = nextTheme;
     if (persist) localStorage.setItem(THEME_STORAGE_KEY, nextTheme);
     document.dispatchEvent(new CustomEvent("appearancechange", {detail: {theme: nextTheme}}));
@@ -42,6 +43,7 @@ export function applyTheme(themeKey, {
 
 export function applyThemeMode(modeKey, {persist = true, modeSelect = null} = {}) {
     const nextMode = normalizeThemeMode(modeKey);
+    document.documentElement.dataset.themeMode = nextMode;
     document.body.dataset.themeMode = nextMode;
     if (modeSelect) modeSelect.value = nextMode;
     if (persist) localStorage.setItem(THEME_MODE_STORAGE_KEY, nextMode);