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

fix: use semantic color for prayer section backgrounds in light mode
All checks were successful
CI / update (push) Successful in 1m27s
Details

Browse Source 
Replace var(--accent-dark) with var(--color-bg-secondary) which maps
to the correct color in both modes, removing dead @media overrides
that referenced the undefined var(--accent-light). Also match rosary
cross fill to Benedictus medal color in light mode.
This commit is contained in:
Alexander Bocken
2026-02-04 13:01:51 +01:00
parent 9da0a2740d
commit d65886b4e7
4 changed files with 10 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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;
}
}
</style>
{#if href}

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

@@ -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;
}
}
</style>
<div class="container">