diff --git a/src/routes/[faithLang=faithLang]/[prayers=prayersLang]/Gebet.svelte b/src/routes/[faithLang=faithLang]/[prayers=prayersLang]/Gebet.svelte index c0b3ce4..6208775 100644 --- a/src/routes/[faithLang=faithLang]/[prayers=prayersLang]/Gebet.svelte +++ b/src/routes/[faithLang=faithLang]/[prayers=prayersLang]/Gebet.svelte @@ -31,7 +31,7 @@ div.gebet{ } .gebet_wrapper{ padding: 1em; - background-color: var(--accent-dark); + background-color: var(--color-bg-secondary); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); max-width: 600px; } @@ -51,14 +51,6 @@ a.gebet-link { color: inherit; display: block; } -@media(prefers-color-scheme: light){ - .gebet_wrapper{ - background-color: var(--accent-light); - } - :global(.gebet v:lang(la)){ - color: black; - } -} {#if href} diff --git a/src/routes/[faithLang=faithLang]/[prayers=prayersLang]/[prayer]/+page.svelte b/src/routes/[faithLang=faithLang]/[prayers=prayersLang]/[prayer]/+page.svelte index a50d5c6..bfc48e7 100644 --- a/src/routes/[faithLang=faithLang]/[prayers=prayersLang]/[prayer]/+page.svelte +++ b/src/routes/[faithLang=faithLang]/[prayers=prayersLang]/[prayer]/+page.svelte @@ -102,7 +102,7 @@ h1 { } .gebet-wrapper { padding: 1.5em; - background-color: var(--accent-dark); + background-color: var(--color-bg-secondary); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .intro { @@ -110,14 +110,6 @@ h1 { font-style: italic; text-align: center; } -@media(prefers-color-scheme: light) { - .gebet-wrapper { - background-color: var(--accent-light); - } - :global(.gebet v:lang(la)) { - color: black; - } -}
diff --git a/src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/+page.svelte b/src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/+page.svelte index 20bdae6..2a8d42c 100644 --- a/src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/+page.svelte +++ b/src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/+page.svelte @@ -856,18 +856,12 @@ onMount(() => { scroll-snap-align: start; padding: 2rem; margin-bottom: 2rem; - background: var(--accent-dark); + background: var(--color-bg-secondary); border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); position: relative; } -@media(prefers-color-scheme: light) { - .prayer-section { - background: var(--accent-light); - } -} - .prayer-section.decade { scroll-snap-align: start; min-height: 50vh; /* Only decades need minimum height for scroll-snap */ @@ -940,6 +934,12 @@ onMount(() => { transition: all 0.3s ease; } +@media (prefers-color-scheme: light) { + .rosary-visualization :global(.cross-symbol) { + fill: var(--nord3); + } +} + .rosary-visualization :global(.hitboxes) { fill: transparent; } diff --git a/src/routes/[faithLang=faithLang]/angelus/+page.svelte b/src/routes/[faithLang=faithLang]/angelus/+page.svelte index 824f459..f0f5e0d 100644 --- a/src/routes/[faithLang=faithLang]/angelus/+page.svelte +++ b/src/routes/[faithLang=faithLang]/angelus/+page.svelte @@ -180,7 +180,7 @@ scroll-snap-align: start; padding: 2rem; margin-bottom: 2rem; - background: var(--accent-dark); + background: var(--color-bg-secondary); border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); position: relative;