From 40cc35ca393ed0f00a0e4ee2ba7c62a2b6039285 Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Thu, 19 Mar 2026 15:28:43 +0100
Subject: [PATCH] style: switch accent from Gruvbox blue to Gruvbox yellow; fix
 Tended layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace accent palette (#076678 blue → #b57614 yellow light,
  #83a598 green → #fabd2f yellow dark) across config, critical CSS,
  pagefind overrides, and all hardcoded hex references
- Stack post meta rows (Planted / Tended) vertically via flex-col

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 _includes/layouts/post.njk |  2 +-
 css/critical.css           | 14 +++++++-------
 css/tailwind.css           | 24 ++++++++++++------------
 tailwind.config.js         | 24 ++++++++++++------------
 4 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/_includes/layouts/post.njk b/_includes/layouts/post.njk
index fa4e37f..408012e 100644
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@@ -27,7 +27,7 @@ withBlogSidebar: true
   </div>
   {% endif %}
 
-  <div class="post-meta mb-4 sm:mb-6">
+  <div class="post-meta mb-4 sm:mb-6 flex flex-col gap-1">
     <div class="flex flex-wrap items-center gap-2">
       <span class="font-mono text-sm">Planted: </span><time-difference><time class="dt-published font-mono text-sm" datetime="{{ date.toISOString() }}">
         {{ date | dateDisplay }}
diff --git a/css/critical.css b/css/critical.css
index df00030..b365c94 100644
--- a/css/critical.css
+++ b/css/critical.css
@@ -56,8 +56,8 @@ main.container{padding-top:1.5rem;padding-bottom:1.5rem}
 
 /* Basic typography */
 h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:900}
-a{color:#076678}
-.dark a{color:#83a598}
+a{color:#b57614}
+.dark a{color:#fabd2f}
 
 /* Prevent flash of unstyled content for nav */
 .site-nav{display:flex;align-items:center;gap:1rem}
@@ -69,13 +69,13 @@ img{max-width:100%;height:auto}
 svg:not(:root):not([width]){width:1.25rem;height:1.25rem}
 
 /* Focus indicators — visible in critical CSS before Tailwind loads */
-a:focus-visible{outline:2px solid #076678;outline-offset:2px;border-radius:2px}
-.dark a:focus-visible{outline-color:#83a598}
-button:focus-visible,[type="button"]:focus-visible{outline:2px solid #076678;outline-offset:2px;border-radius:4px}
-.dark button:focus-visible,.dark [type="button"]:focus-visible{outline-color:#83a598}
+a:focus-visible{outline:2px solid #b57614;outline-offset:2px;border-radius:2px}
+.dark a:focus-visible{outline-color:#fabd2f}
+button:focus-visible,[type="button"]:focus-visible{outline:2px solid #b57614;outline-offset:2px;border-radius:4px}
+.dark button:focus-visible,.dark [type="button"]:focus-visible{outline-color:#fabd2f}
 
 /* Skip link */
-.skip-link{position:absolute;top:-100%;left:0;z-index:100;background:#076678;color:#fbf1c7;padding:0.5rem 1rem;font-weight:600;text-decoration:none}
+.skip-link{position:absolute;top:-100%;left:0;z-index:100;background:#b57614;color:#fbf1c7;padding:0.5rem 1rem;font-weight:600;text-decoration:none}
 .skip-link:focus{top:0;outline:none}
 
 /* Selection colors — Gruvbox orange highlight */
diff --git a/css/tailwind.css b/css/tailwind.css
index f5c83d9..592380b 100644
--- a/css/tailwind.css
+++ b/css/tailwind.css
@@ -735,7 +735,7 @@
 /* Pagefind UI theme overrides — outside @layer for higher specificity over Pagefind's :root defaults */
 #search .pagefind-ui {
   --pagefind-ui-scale: 1;
-  --pagefind-ui-primary: #076678;
+  --pagefind-ui-primary: #b57614;
   --pagefind-ui-text: #282828;
   --pagefind-ui-background: #fffef5;
   --pagefind-ui-border: #d5c4a1;
@@ -747,7 +747,7 @@
 }
 
 .dark #search .pagefind-ui {
-  --pagefind-ui-primary: #83a598;
+  --pagefind-ui-primary: #fabd2f;
   --pagefind-ui-text: #fbf1c7;
   --pagefind-ui-background: #1d2021;
   --pagefind-ui-border: #504945;
@@ -769,14 +769,14 @@
 }
 
 #search .pagefind-ui__search-input:focus {
-  outline: 2px solid #076678;
+  outline: 2px solid #b57614;
   outline-offset: 2px;
-  border-color: #076678;
+  border-color: #b57614;
 }
 
 .dark #search .pagefind-ui__search-input:focus {
-  outline-color: #83a598;
-  border-color: #83a598;
+  outline-color: #fabd2f;
+  border-color: #fabd2f;
 }
 
 /* Search clear button */
@@ -800,7 +800,7 @@
 
 /* Result links */
 #search .pagefind-ui__result-link {
-  color: #076678;
+  color: #b57614;
 }
 
 #search .pagefind-ui__result-link:hover {
@@ -808,7 +808,7 @@
 }
 
 .dark #search .pagefind-ui__result-link {
-  color: #83a598;
+  color: #fabd2f;
 }
 
 /* Result excerpts */
@@ -846,7 +846,7 @@
 
 /* "Load more" button */
 #search .pagefind-ui__button {
-  color: #076678;
+  color: #b57614;
   background-color: #fffef5;
   border-color: #d5c4a1;
   cursor: pointer;
@@ -854,18 +854,18 @@
 
 #search .pagefind-ui__button:hover {
   background-color: #f2e5bc;
-  border-color: #076678;
+  border-color: #b57614;
 }
 
 .dark #search .pagefind-ui__button {
-  color: #83a598;
+  color: #fabd2f;
   background-color: #1d2021;
   border-color: #504945;
 }
 
 .dark #search .pagefind-ui__button:hover {
   background-color: #282828;
-  border-color: #83a598;
+  border-color: #fabd2f;
 }
 
 /* Filter panel labels */
diff --git a/tailwind.config.js b/tailwind.config.js
index 66e096e..9a0b34b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -30,19 +30,19 @@ export default {
           900: "#282828",
           950: "#1d2021",
         },
-        // Gruvbox blue — links, interactive, CTAs, focus rings
+        // Gruvbox yellow — links, interactive, CTAs, focus rings
         accent: {
-          50: "#e8f4f6",
-          100: "#c8dfe4",
-          200: "#97c5cf",
-          300: "#6aabb9",
-          400: "#458588",
-          500: "#076678",
-          600: "#065a6b",
-          700: "#054d5c",
-          800: "#04404d",
-          900: "#03333e",
-          950: "#022730",
+          50: "#fdf8e1",
+          100: "#faefc0",
+          200: "#f5db7a",
+          300: "#efc843",
+          400: "#d79921",
+          500: "#b57614",
+          600: "#926208",
+          700: "#7a5207",
+          800: "#634306",
+          900: "#4d3505",
+          950: "#3a2804",
         },
       },
       fontFamily: {