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:
@@ -180,13 +180,20 @@
|
||||
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;
|
||||
font-size: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
.prayer-section {
|
||||
background: var(--nord5);
|
||||
}
|
||||
}
|
||||
|
||||
.prayers-content {
|
||||
scroll-snap-type: y proximity;
|
||||
max-width: 700px;
|
||||
|
||||
Reference in New Issue
Block a user