Implement basic light/dark mode
This commit is contained in:
parent
45399aa3cc
commit
68b90ed6dc
22
cv.html
22
cv.html
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue