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

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:
2026-02-04 13:04:58 +01:00
parent d65886b4e7
commit 1c100a4534
4 changed files with 27 additions and 4 deletions

View File

@@ -856,12 +856,18 @@ onMount(() => {
scroll-snap-align: start;
padding: 2rem;
margin-bottom: 2rem;
background: var(--color-bg-secondary);
background: var(--accent-dark);
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(--nord5);
}
}
.prayer-section.decade {
scroll-snap-align: start;
min-height: 50vh; /* Only decades need minimum height for scroll-snap */