/* Seasonal/holiday theme palette overrides. * theme.js (inline in ) sets data-theme on based on today's date * (or ?theme= query param for manual testing/preview). * Each block only needs to override the --c1..--c4 / --hex1 / --hex2 vars * defined in index.html's :root -- every glow/gradient/shadow in the page * already reads from those vars, so this is the single place to edit. */ /* Tailwind utility classes have low specificity (one class), so a [data-theme] + class selector wins over them without !important. */ [data-theme] .text-orange-400 { color: rgb(var(--c1)); } [data-theme] .border-orange-400 { border-color: rgb(var(--c1)); } [data-theme] .hover\:text-orange-400:hover { color: rgb(var(--c1)); } /* ---------- Álfablót (October) — honoring the ancestors ---------- */ [data-theme="halloween"] { --c1: 168, 85, 247; /* spectral violet */ --c2: 63, 63, 70; /* iron grey */ --c3: 34, 197, 94; /* witch-fire green */ --hex1: #a855f7; --hex2: #3f3f46; } /* ---------- Vetrnætr (late Nov) — the harvest / Winter Nights blót ---------- */ [data-theme="thanksgiving"] { --c1: 180, 83, 9; /* burnt amber */ --c2: 120, 53, 15; /* wood-brown */ --c3: 217, 119, 6; /* harvest gold */ --hex1: #b45309; --hex2: #78350f; } /* ---------- Yule (December) — the midwinter blót ---------- */ [data-theme="winter"] { --c1: 185, 28, 28; /* blood red */ --c2: 15, 118, 110; /* frozen pine teal */ --c3: 226, 232, 240; /* frost white */ --hex1: #b91c1c; --hex2: #0f766e; } /* ---------- Sólstöður (Jan 1-6) — sun's return at the solstice ---------- */ [data-theme="newyear"] { --c1: 202, 138, 4; /* aged gold */ --c2: 113, 113, 122; /* forged steel */ --c3: 250, 204, 21; /* bright sun */ --hex1: #ca8a04; --hex2: #71717a; } /* ---------- Runic Vow (Feb 10-16) — Valentine's, Viking-flavored ---------- */ [data-theme="valentine"] { --c1: 159, 18, 57; /* bronze-red */ --c2: 120, 53, 15; /* leather brown */ --c3: 190, 24, 24; /* oath-blood red */ --hex1: #9f1239; --hex2: #78350f; } /* ---------- Sigrblót (Mar 15-19) — spring's rebirth ---------- */ [data-theme="stpatrick"] { --c1: 63, 98, 18; /* moss green */ --c2: 87, 83, 78; /* stone grey */ --c3: 132, 204, 22; /* new-growth green */ --hex1: #3f6212; --hex2: #57534e; }