infra/website
2
0
Fork 0
Code Issues Pull requests Activity Actions

Add light mode

Browse source
This commit is contained in:
Lilian 2024-12-15 17:55:13 +01:00 • committed by kleines Filmröllchen
parent e9b79f61c7
commit b184b043ac
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
static/main.css
View file

@ -1,6 +1,7 @@
/* general page styling */
:root {
--main-bg-color: #020404;
--main-bg-contrast-color: oklch(40% 0 0);
--main-text-color: #efe3e3;
--main-accent-color: #f9c827;
--secondary-accent-color: #ff925f;
@ -8,6 +9,15 @@
scroll-behavior: smooth;
}
@media(prefers-color-scheme: light) {
:root {
--main-bg-color: #fdfbfb;
--main-bg-contrast-color: oklch(90% 0 0);
--main-text-color: #101c1c;
--main-accent-color: #836400;
}
}
* {
box-sizing: border-box;
}
@ -306,7 +316,7 @@ footer {
.calendar-date th {
padding: 0.5em 1em;
background: oklch(40% 0 0);
background: var(--main-bg-contrast-color);
}
td {
padding: 1em;