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
parent a56cf96d78
commit 45c14a4b09
No known key found for this signature in database
GPG key ID: 1650987A001CB2CB
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 */ /* general page styling */
:root { :root {
--main-bg-color: #020404; --main-bg-color: #020404;
--main-bg-contrast-color: oklch(40% 0 0);
--main-text-color: #efe3e3; --main-text-color: #efe3e3;
--main-accent-color: #f9c827; --main-accent-color: #f9c827;
--secondary-accent-color: #ff925f; --secondary-accent-color: #ff925f;
@ -8,6 +9,15 @@
scroll-behavior: smooth; 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; box-sizing: border-box;
} }
@ -306,7 +316,7 @@ footer {
.calendar-date th { .calendar-date th {
padding: 0.5em 1em; padding: 0.5em 1em;
background: oklch(40% 0 0); background: var(--main-bg-contrast-color);
} }
td { td {
padding: 1em; padding: 1em;