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;