giersig.eu/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

style: switch accent from Gruvbox blue to Gruvbox yellow; fix Tended layout

Browse Source 
- 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>
This commit is contained in:
svemagie
2026-03-19 15:28:43 +01:00
parent 234cc8ecea
commit 40cc35ca39
4 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/critical.css
View File

@@ -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 */

24
css/tailwind.css
View File

@@ -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 */