Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use accent-dark with nord5 light override for prayer backgrounds
All checks were successful
CI / update (push) Successful in 1m32s
Details

Browse Source 
var(--color-bg-secondary) from app.css is not available since app.css
is never imported. Use var(--accent-dark) from nordtheme.css with
explicit light mode overrides using var(--nord5).
This commit is contained in:
Alexander Bocken
2026-02-04 13:04:58 +01:00
parent d65886b4e7
commit 1c100a4534
4 changed files with 27 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/[faithLang=faithLang]/[prayers=prayersLang]/Gebet.svelte
View File

@@ -31,7 +31,7 @@ div.gebet{
} }
.gebet_wrapper{ .gebet_wrapper{
padding: 1em; padding: 1em;
background-color: var(--color-bg-secondary); background-color: var(--accent-dark);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
max-width: 600px; max-width: 600px;
} }
@@ -51,6 +51,11 @@ a.gebet-link {
color: inherit; color: inherit;
display: block; display: block;
} }
@media (prefers-color-scheme: light) {
.gebet_wrapper {
background-color: var(--nord5);
}
}
</style> </style>
{#if href} {#if href}

7
src/routes/[faithLang=faithLang]/[prayers=prayersLang]/[prayer]/+page.svelte
View File

@@ -102,7 +102,7 @@ h1 {
} }
.gebet-wrapper { .gebet-wrapper {
padding: 1.5em; padding: 1.5em;
background-color: var(--color-bg-secondary); background-color: var(--accent-dark);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} }
.intro { .intro {
@@ -110,6 +110,11 @@ h1 {
font-style: italic; font-style: italic;
text-align: center; text-align: center;
} }
@media (prefers-color-scheme: light) {
.gebet-wrapper {
background-color: var(--nord5);
}
}
</style> </style>
<div class="container"> <div class="container">

8
src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/+page.svelte
View File

@@ -856,12 +856,18 @@ onMount(() => {
scroll-snap-align: start; scroll-snap-align: start;
padding: 2rem; padding: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
background: var(--color-bg-secondary); background: var(--accent-dark);
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
position: relative; position: relative;
} }
@media (prefers-color-scheme: light) {
.prayer-section {
background: var(--nord5);
}
}
.prayer-section.decade { .prayer-section.decade {
scroll-snap-align: start; scroll-snap-align: start;
min-height: 50vh; /* Only decades need minimum height for scroll-snap */ min-height: 50vh; /* Only decades need minimum height for scroll-snap */

9
src/routes/[faithLang=faithLang]/angelus/+page.svelte
View File

@@ -180,13 +180,20 @@
scroll-snap-align: start; scroll-snap-align: start;
padding: 2rem; padding: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
background: var(--color-bg-secondary); background: var(--accent-dark);
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
position: relative; position: relative;
font-size: 1.25em; font-size: 1.25em;
text-align: center; text-align: center;
} }
@media (prefers-color-scheme: light) {
.prayer-section {
background: var(--nord5);
}
}
.prayers-content { .prayers-content {
scroll-snap-type: y proximity; scroll-snap-type: y proximity;
max-width: 700px; max-width: 700px;