Implement basic light/dark mode

This commit is contained in:
Benjamin 2023-02-04 10:15:48 +01:00
parent 45399aa3cc
commit 68b90ed6dc

22
cv.html
View file

@ -8,11 +8,17 @@
<title>CV Benjamin Stadlbauer</title>
<style>
:root {
--color: #000000;
--color-accent-light: #000000;
--color-back-light: #ffffff;
--color-accent-dark: #ffffff;
--color-back-dark: #121212;
--color: var(--color-accent-light);
--color-back: var(--color-back-light)
}
body {
color: var(--color);
background-color: var(--color-back);
}
a {
@ -24,6 +30,20 @@
section#conferences span.conference {
font-style: italic;
}
@media (prefers-color-scheme: light) {
:root {
--color: var(--color-accent-light);
--color-back: var(--color-back-light);
}
}
@media (prefers-color-scheme: dark) {
:root {
--color: var(--color-accent-dark);
--color-back: var(--color-back-dark);
}
}
</style>
</head>