From c5a91edac796721ac73a5ceb187258421d716382 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Tue, 18 Aug 2026 06:23:49 +0000
Subject: [PATCH] Fix theme re-selection after switching to none

Re-creating the #pagerite-theme link anchored to #pagerite-base, which
does not exist in dev (base CSS is a Vite-injected <style>), so the
fallback prepended it before the base styles and the theme lost the
cascade. Anchor to the following sheet (banner design / custom CSS) or
append at the end instead, keeping base < theme < design < custom order.
---
 frontend/src/SiteEditor.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/SiteEditor.vue b/frontend/src/SiteEditor.vue
index d84dad3..d2ab248 100644
--- a/frontend/src/SiteEditor.vue
+++ b/frontend/src/SiteEditor.vue
@@ -432,11 +432,19 @@ async function onThemeChange() {
     if (link) {
       link.href = href
     } else {
+      // Re-create after "none": keep base < theme < design < custom CSS.
+      // In dev there is no #pagerite-base link (the base is a
+      // Vite-injected <style>), so anchor to the next sheet instead of
+      // prepending before the base styles.
       link = document.createElement('link')
       link.rel = 'stylesheet'
       link.id = 'pagerite-theme'
-      document.getElementById('pagerite-base')?.after(link)
-        ?? document.head.prepend(link)
+      link.href = href
+      const before = document.getElementById('pagerite-base')?.nextSibling
+        ?? document.getElementById('pagerite-banner')
+        ?? document.getElementById('pagerite-user')
+      if (before) before.before(link)
+      else document.head.append(link)
     }
   } else if (link) {
     link.remove()