From 0372c50084f5569b115d949d0d0e18ccc354edbf Mon Sep 17 00:00:00 2001 From: Alexander Bocken Date: Mon, 4 May 2026 22:14:34 +0200 Subject: [PATCH] =?UTF-8?q?style(faith):=20eastertide=20indicators=20?= =?UTF-8?q?=E2=80=94=20fix=20badge=20in=20dark=20mode,=20pulse=20pip=20in?= =?UTF-8?q?=20nav?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit MysterySelector: Tempus Paschale badge on the rosary mystery card now hardcodes white background + dark text, was rendering as muted grey in dark mode via --color-bg-elevated. Liturgical white doesn't change between themes anyway. Faith layout nav: when eastertide is active and the Angelus link is swapped to Regína Cæli, add a small pulsating white dot in the link's top-right corner — same pattern as the recipe header sync indicator, just white (Tempus Paschale color) and slow-breathing (4s). Dark mode gets a bright white halo; light mode gets a dark drop shadow so the white pip stays visible against the light nav bar. Honors prefers-reduced-motion. Bump 1.65.2 -> 1.65.3. --- package.json | 2 +- .../[faithLang=faithLang]/+layout.svelte | 48 ++++++++++++++++++- .../MysterySelector.svelte | 7 ++- 3 files changed, 53 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index 13114021..0fac4b7b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "homepage", - "version": "1.65.2", + "version": "1.65.3", "private": true, "type": "module", "scripts": { diff --git a/src/routes/[faithLang=faithLang]/+layout.svelte b/src/routes/[faithLang=faithLang]/+layout.svelte index 3ed69989..5b76c160 100644 --- a/src/routes/[faithLang=faithLang]/+layout.svelte +++ b/src/routes/[faithLang=faithLang]/+layout.svelte @@ -91,7 +91,7 @@ const prayersActive = $derived(isActive(prayersHref) && !isActive(angelusHref));
  • {t.prayers}
  • {t.rosary}
    • {#if eastertide} -
  • {angelusLabel}
    • +
  • {angelusLabel}
    • {:else}
  • {angelusLabel}
    • {/if} @@ -115,3 +115,49 @@ const prayersActive = $derived(isActive(prayersHref) && !isActive(angelusHref)); {@render children()} + + diff --git a/src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/MysterySelector.svelte b/src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/MysterySelector.svelte index 5d16a951..581911d9 100644 --- a/src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/MysterySelector.svelte +++ b/src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/MysterySelector.svelte @@ -187,8 +187,11 @@ } .season-eastertide .season-badge { - background: var(--color-bg-elevated); - color: var(--color-text-primary); + /* Liturgical white — fixed across themes so the badge stays white in + dark mode (was rendering as muted grey via --color-bg-elevated). + Pure #ffffff also pops harder against the off-white page bg in light. */ + background: #ffffff; + color: var(--nord0); }