fix(ui): revert settings and dashboard UI to default Jellyfin layout

apex/combined-entrypoint.sh

@@ -220,6 +220,14 @@ PY
     echo "[JELLYFIN] Configured server name as Apex in $SYSTEM_XML"
 fi
 
+# Ensure custom CSS in branding.xml does not force theme into admin pages
+for bcfg in "$LOCAL_ROOT/config/branding.xml" "/data/jellyfin/config/branding.xml"; do
+    if [ -f "$bcfg" ]; then
+        sed -i 's|<CustomCss>[^<]*abyss[^<]*</CustomCss>|<CustomCss></CustomCss>|g' "$bcfg" 2>/dev/null || true
+        sed -i 's|<CustomCss>[^<]*ElegantFin[^<]*</CustomCss>|<CustomCss></CustomCss>|g' "$bcfg" 2>/dev/null || true
+    fi
+done
+
 echo "[HEALTH] Jellyfin starting in background (local datadir)..."
 launch_jellyfin
 

apex/ui/abyss.css

@@ -655,21 +655,7 @@ html[data-theme="dark"] .MuiDialog-paper {
     backdrop-filter: blur(var(--abyss-glass-blur));
 }
 
-html[data-theme="dark"] .MuiDrawer-paper {
-    background-color: #141416 !important;
-    border-radius: 20px !important;
-    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important;
-    border: solid 1px rgba(255, 255, 255, 0.12) !important;
-    left: 16px;
-    top: 16px;
-    bottom: 16px;
-    padding: 16px 0;
-    max-height: calc(100vh - 32px);
-    width: 280px !important;
-    max-width: 85vw !important;
-    -webkit-backdrop-filter: blur(20px);
-    backdrop-filter: blur(20px);
-}
+
 
 html[data-theme="dark"] .MuiDrawer-paper .MuiDivider-root {
     display: none;
@@ -801,21 +787,7 @@ html.abyss-spotlight-visible[data-theme="dark"] .MuiAppBar-root+div[aria-hidden=
 
 
 
-/* Navigation / drawer */
-.editPageSidebar,
-.mainDrawer {
-    background-color: #141416 !important;
-    margin: 16px 0;
-    border-radius: 20px !important;
-    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
-    border: solid 1px rgba(255, 255, 255, 0.12) !important;
-    width: 280px !important;
-    max-width: 85vw !important;
-}
 
-.mainDrawer.drawer-open {
-    margin: 24px;
-}
 
 .sidebarHeader {
     margin: 0.9em 0 0.2em;
@@ -2012,30 +1984,7 @@ body:has(#videoOsdPage) .skinHeader .MuiTypography-root.MuiTypography-body1 {
 }
 
 
-/* 9. DASHBOARD & ADMIN */
 
-.dashboardSection h3 {
-    margin: .5em 0em .5em .5em;
-}
-
-.dashboardSection .sectionTitleTextButton>.material-icons.material-icons {
-    margin-top: .5em;
-    margin-bottom: .5em;
-    margin-right: .2em;
-}
-
-#dashboardPage .playbackProgress>div {
-    background-color: rgba(var(--abyss-accent), 0.75) !important;
-}
-
-#dashboardPage .transcodingProgress>div {
-    background-color: rgba(var(--abyss-accent), 0.35) !important;
-}
-
-.navMenuOption-selected {
-    background: rgb(var(--abyss-accent)) !important;
-    color: #121212 !important;
-}
 
 
 /* 10. ITEM DETAIL PAGE */
@@ -2538,10 +2487,7 @@ body:has(#videoOsdPage) .skinHeader .MuiTypography-root.MuiTypography-body1 {
         font-size: 2em;
     }
 
-    .MuiDrawer-paper {
-        width: 280px !important;
-        max-width: 85vw !important;
-    }
+
 }
 
 @media screen and (max-height: 26em) and (orientation: landscape) {

apex/ui/spotlight-loader.js

@@ -407,9 +407,71 @@
       } catch (e) {}
     }
 
+    function isSettingsRoute() {
+      var hash = (window.location.hash || "").toLowerCase();
+      if (
+        hash === "" ||
+        hash === "#/" ||
+        hash.startsWith("#/home") ||
+        hash.startsWith("#/movies") ||
+        hash.startsWith("#/tv") ||
+        hash.startsWith("#/music") ||
+        hash.startsWith("#/item") ||
+        hash.startsWith("#/details") ||
+        hash.startsWith("#/search") ||
+        hash.startsWith("#/video") ||
+        hash.startsWith("#/favorites")
+      ) {
+        return false;
+      }
+      return (
+        hash.includes("dashboard") ||
+        hash.includes("settings") ||
+        hash.includes("preference") ||
+        hash.includes("configuration") ||
+        hash.includes("wizard") ||
+        hash.includes("userprofile") ||
+        hash.includes("useredit") ||
+        hash.includes("devices") ||
+        hash.includes("apikeys") ||
+        hash.includes("notifications") ||
+        hash.includes("activity") ||
+        hash.includes("logs") ||
+        Boolean(document.querySelector("#dashboardPage, .pageWithSidebar, .adminDrawerLogo, .dashboardSection"))
+      );
+    }
+
+    function syncSettingsTheme() {
+      var isSettings = isSettingsRoute();
+      var themeLink = document.querySelector('link[data-abyss-theme]');
+      if (themeLink && themeLink.disabled !== isSettings) {
+        themeLink.disabled = isSettings;
+      }
+      var customCss = document.getElementById("customCss");
+      if (customCss && customCss.disabled !== isSettings) {
+        customCss.disabled = isSettings;
+      }
+      if (isSettings) {
+        document.documentElement.classList.add("jellyfin-default-settings");
+        document.documentElement.classList.remove("abyss-theme-active");
+        clearSpotlightBackdrop();
+        if (currentIframe) {
+          currentIframe.style.display = "none";
+        }
+      } else {
+        document.documentElement.classList.remove("jellyfin-default-settings");
+        document.documentElement.classList.add("abyss-theme-active");
+      }
+    }
+
     var installScheduled = false;
 
     var scheduleInstall = function () {
+      syncSettingsTheme();
+      if (isSettingsRoute()) {
+        replaceServerNameText();
+        return;
+      }
       ensureDarkTheme();
       replaceServerNameText();
       var alreadyGood =
@@ -435,12 +497,17 @@
       }
     };
 
+    syncSettingsTheme();
     ensureDarkTheme();
     replaceServerNameText();
+    window.addEventListener("hashchange", syncSettingsTheme);
     if (typeof MutationObserver === "function") {
       safe(function () {
         if (document.documentElement) {
-          var themeObserver = new MutationObserver(ensureDarkTheme);
+          var themeObserver = new MutationObserver(function () {
+            syncSettingsTheme();
+            if (!isSettingsRoute()) ensureDarkTheme();
+          });
           themeObserver.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] });
         }
         if (document.body) {
@@ -456,6 +523,7 @@
     // visibility sync every 2s, so stale SPA navigation state self-corrects
     // without needing a hard refresh.
     setInterval(function () {
+      syncSettingsTheme();
       scheduleInstall();
       replaceServerNameText();
       if (currentSync) safe(currentSync);