fix: use accent-dark with nord5 light override for prayer backgrounds
All checks were successful
CI / update (push) Successful in 1m32s
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:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user