From 4ad056fbec9192c7b7f6f4f807853de29d341428 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 07:04:36 +0200
Subject: [PATCH] Make Gruvbox the default blog theme (active CSS + theme
 switcher default)

---
 README.md                    | 2 +-
 scripts/blog_theme_picker.js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index ba3e0ca..b5fc89c 100644
--- a/README.md
+++ b/README.md
@@ -94,7 +94,7 @@ pointing the `shareCss` relation at the matching note – see
 | `lib/highlight.js` | vendored highlight.js | code, `application/javascript` |
 | `lib/3d/*` | three.js + OrbitControls + STLLoader + occt-wasm (OCCT V8 bundle + WASM) for the 3D viewer | code / file |
 | `lib/hljs_line_numbers.js` | highlight.js line-numbers plugin | code |
-| `scripts/blog_theme_picker.js` | theme switcher dropdown in the header (client-side, localStorage, default Tokyo Night) | code, `text/html` |
+| `scripts/blog_theme_picker.js` | theme switcher dropdown in the header (client-side, localStorage, default Gruvbox) | code, `text/html` |
 | `scripts/*.js` | frontend share snippets (content is pasted **verbatim** into a code note, including the `<script>`/`<style>` wrapper) | code |
 | `app/3d-model-viewer-app.jsx` | JSX widget that renders the 3D viewer for model file notes inside the Trilium app (label `#widget=3dModelViewer`) | code, `text/jsx` |
 | `app/3d-worker.js` | Web Worker (STEP parsing) loaded by the app widget from a code note (CSP-safe) | code, `text/javascript` |
diff --git a/scripts/blog_theme_picker.js b/scripts/blog_theme_picker.js
index 1245434..bc9153c 100644
--- a/scripts/blog_theme_picker.js
+++ b/scripts/blog_theme_picker.js
@@ -17,14 +17,14 @@
     // Replace the __THEME_*_ID__ placeholders with the note IDs of your theme notes
     // (code notes, mime text/css, living under the .blog system note).
     var THEMES = [
+        { id: "gruvbox", name: "Gruvbox", url: "api/notes/__THEME_GRUVBOX_ID__/download" },
         { id: "tokyonight", name: "Tokyo Night", url: "api/notes/__THEME_TOKYO_ID__/download" },
         { id: "solarized", name: "Solarized", url: "api/notes/__THEME_SOLARIZED_ID__/download" },
         { id: "coffee", name: "Coffee", url: "api/notes/__THEME_COFFEE_ID__/download" },
-        { id: "harbor", name: "Harbor", url: "api/notes/__THEME_HARBOR_ID__/download" },
-        { id: "gruvbox", name: "Gruvbox", url: "api/notes/__THEME_GRUVBOX_ID__/download" }
+        { id: "harbor", name: "Harbor", url: "api/notes/__THEME_HARBOR_ID__/download" }
     ];
     var KEY = "blogTheme";
-    var DEFAULT = "tokyonight";
+    var DEFAULT = "gruvbox";
     var currentLink = null;
 
     function chosen() {