generated from inherentlee/11ty
59 lines
1.4 KiB
CSS
59 lines
1.4 KiB
CSS
.color {
|
|
--color-bg-light-2025: #f0f0f0;
|
|
--color-text-light-2025: #640054;
|
|
--color-header-light-2025: #185370;
|
|
--color-warn-light-2025: #fbcc0a;
|
|
|
|
--color-bg-dark-2025: #1f1f1f;
|
|
--color-text-dark-2025: #91c73b;
|
|
--color-header-dark-2025: #ff9b37;
|
|
--color-warn-dark-2025: #540033;
|
|
|
|
border-radius: .5rem;
|
|
padding: .5rem;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
.color {
|
|
border: .1rem solid var(--color-bg-dark);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.color {
|
|
border: .1rem solid var(--color-bg-light);
|
|
}
|
|
}
|
|
|
|
#bg-light-2025,
|
|
#warn-light-2025 {
|
|
color: var(--color-text-light-2025);
|
|
}
|
|
|
|
#text-light-2025,
|
|
#header-light-2025 {
|
|
color: var(--color-bg-light-2025);
|
|
}
|
|
|
|
#bg-dark-2025,
|
|
#warn-dark-2025 {
|
|
color: var(--color-text-dark-2025);
|
|
}
|
|
|
|
#text-dark-2025,
|
|
#header-dark-2025 {
|
|
color: var(--color-bg-dark-2025);
|
|
}
|
|
|
|
#bg-light-2025 { background-color: var(--color-bg-light-2025); }
|
|
#text-light-2025 { background-color: var(--color-text-light-2025); }
|
|
#header-light-2025 { background-color: var(--color-header-light-2025); }
|
|
#warn-light-2025 { background-color: var(--color-warn-light-2025); }
|
|
|
|
#bg-dark-2025 { background-color: var(--color-bg-dark-2025); }
|
|
#text-dark-2025 { background-color: var(--color-text-dark-2025); }
|
|
#header-dark-2025 { background-color: var(--color-header-dark-2025); }
|
|
#warn-dark-2025 { background-color: var(--color-warn-dark-2025); }
|
