From 84cec0d259b4211d20c2630a4a3f66e545089250 Mon Sep 17 00:00:00 2001 From: Barry Morrison <689591+esacteksab@users.noreply.github.com> Date: Sun, 30 Mar 2025 22:01:49 -0500 Subject: [PATCH 1/5] feat: initial commit to support custom accent colors --- assets/css/main.css | 42 ++++++++++++++-- layouts/_default/baseof.html | 4 +- layouts/partials/head.html | 32 ++++++------ layouts/partials/head/css.html | 87 ++++++++++++++++++++------------- layouts/partials/post-meta.html | 2 +- 5 files changed, 109 insertions(+), 58 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 85790d7..c985ff8 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,6 +1,14 @@ @import "tailwindcss"; @source "hugo_stats.json"; +/* @theme inline { + --accent-color: var(--color-amber-500); +} */ + +:root { + --accent-color: var(--color-amber-500); +} + @layer components { html { width: 100%; @@ -55,9 +63,20 @@ } } +header, +main { + /* @apply border-amber-500; */ + border-color: var(--accent-color); +} + a :is(h1, h2, h3, h4, h5, h6) { @apply no-underline; } + +.anchor { + @apply no-underline; +} + a .anchor-icon { visibility: hidden; } @@ -126,6 +145,11 @@ nav label { @apply mt-5; } +.post-metadata p { + /* @apply md:decoration-amber-500; */ + text-decoration-color: var(--accent-color); +} + .main :is(ul, ol) { @apply list-outside; margin-bottom: 16px; @@ -263,7 +287,10 @@ article h2 { @apply ml-2 p-1 font-mono; } -p + p, +/* p + p { + @apply my-1.5; +} */ + p + a + h1, p + a + h2, p + a + h3, @@ -380,8 +407,13 @@ Dark Mode */ @media (prefers-color-scheme: dark) { + /* header, + main { + @apply border-amber-500; + } */ code { - @apply border-neutral-600 font-mono text-amber-500; + @apply border-neutral-600 font-mono; + color: var(--accent-color); } img { @@ -427,7 +459,8 @@ Dark Mode } :is(.read-more, .pager) a { - @apply text-amber-500; + /* @apply text-amber-500; */ + color: var(--accent-color); } nav a { @@ -491,6 +524,7 @@ Light Mode } :is(.read-more, .pager) a { - @apply text-orange-700; + /* @apply text-orange-700; */ + color: var(--accent-color); } } diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 14869c4..cf00014 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -5,10 +5,10 @@ {{- partial "head.html" . }} -
+
{{- partial "header.html" . }}
-
+
{{- block "main" . -}}{{- end -}}