From 3a100364aa3afe6231a1753dbb1767b147a27850 Mon Sep 17 00:00:00 2001
From: trilium-share-gruvbox
 <trilium-share-gruvbox@users.noreply.git.familie-zink.org>
Date: Tue, 8 Sep 2026 11:58:37 +0200
Subject: [PATCH] Re-enable light/dark switch; frame palette preview images

---
 templates/share/page.ejs              | 5 ++---
 theme/blog_share_theme_coffee.css     | 5 +++++
 theme/blog_share_theme_gruvbox.css    | 5 +++++
 theme/blog_share_theme_harbor.css     | 5 +++++
 theme/blog_share_theme_solarized.css  | 5 +++++
 theme/blog_share_theme_tokyonight.css | 5 +++++
 6 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/templates/share/page.ejs b/templates/share/page.ejs
index 534d63f..2818912 100644
--- a/templates/share/page.ejs
+++ b/templates/share/page.ejs
@@ -69,11 +69,10 @@
         const openGraphDomain = subRoot.note.getLabelValue("shareOpenGraphDomain");
     %>
     <title><%= pageTitle %></title>
-    <style>#site-header .theme-selection{display:none}</style>
     <% if (pageUrl) { %><link rel="canonical" href="<%= pageUrl %>"><% } %>
     <script>
-        // Theme is fixed to dark – light/dark switching is disabled.
-        const theme = "dark";
+        // Site theme toggle (light/dark); default is dark.
+        const theme = localStorage.getItem("theme") || "dark";
         document.documentElement.classList.add(`theme-${theme}`);
 
         window.glob = {
diff --git a/theme/blog_share_theme_coffee.css b/theme/blog_share_theme_coffee.css
index 3bc56ca..f702a33 100644
--- a/theme/blog_share_theme_coffee.css
+++ b/theme/blog_share_theme_coffee.css
@@ -1897,3 +1897,8 @@ html.theme-light .hljs-attr { color: #4f6b00; }
         z-index: 1000;
     }
 }
+/* ---------- Palette preview images: subtle frame so bars stay visible on any background ---------- */
+#content figure.image img.palette-img {
+    border: 1px solid var(--background-highlight);
+    border-radius: 6px;
+}
diff --git a/theme/blog_share_theme_gruvbox.css b/theme/blog_share_theme_gruvbox.css
index 802c41d..6f515bc 100644
--- a/theme/blog_share_theme_gruvbox.css
+++ b/theme/blog_share_theme_gruvbox.css
@@ -1897,3 +1897,8 @@ html.theme-light .hljs-attr { color: #427b58; }
         z-index: 1000;
     }
 }
+/* ---------- Palette preview images: subtle frame so bars stay visible on any background ---------- */
+#content figure.image img.palette-img {
+    border: 1px solid var(--background-highlight);
+    border-radius: 6px;
+}
diff --git a/theme/blog_share_theme_harbor.css b/theme/blog_share_theme_harbor.css
index 9b59347..8cb696b 100644
--- a/theme/blog_share_theme_harbor.css
+++ b/theme/blog_share_theme_harbor.css
@@ -1897,3 +1897,8 @@ html.theme-light .hljs-attr { color: #556753; }
         z-index: 1000;
     }
 }
+/* ---------- Palette preview images: subtle frame so bars stay visible on any background ---------- */
+#content figure.image img.palette-img {
+    border: 1px solid var(--background-highlight);
+    border-radius: 6px;
+}
diff --git a/theme/blog_share_theme_solarized.css b/theme/blog_share_theme_solarized.css
index b673f32..0f528dc 100644
--- a/theme/blog_share_theme_solarized.css
+++ b/theme/blog_share_theme_solarized.css
@@ -1902,3 +1902,8 @@ html.theme-light .hljs-attr { color: #586e75; }
         z-index: 1000;
     }
 }
+/* ---------- Palette preview images: subtle frame so bars stay visible on any background ---------- */
+#content figure.image img.palette-img {
+    border: 1px solid var(--background-highlight);
+    border-radius: 6px;
+}
diff --git a/theme/blog_share_theme_tokyonight.css b/theme/blog_share_theme_tokyonight.css
index e755d8a..682b2b8 100644
--- a/theme/blog_share_theme_tokyonight.css
+++ b/theme/blog_share_theme_tokyonight.css
@@ -1902,3 +1902,8 @@ html.theme-light .hljs-attr { color: #a0a6c2; }
         z-index: 1000;
     }
 }
+/* ---------- Palette preview images: subtle frame so bars stay visible on any background ---------- */
+#content figure.image img.palette-img {
+    border: 1px solid var(--background-highlight);
+    border-radius: 6px;
+}