Benjamin/personal-website
1
0
Fork 0
Code Issues 4 Pull requests Releases Activity

Implement basic light/dark mode

Browse source
This commit is contained in:
Benjamin 2023-02-04 10:15:48 +01:00
parent 45399aa3cc
commit 68b90ed6dc
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
cv.html
View file

@ -8,11 +8,17 @@
<title>CV Benjamin Stadlbauer</title> <title>CV Benjamin Stadlbauer</title>
<style> <style>
:root { :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 { body {
color: var(--color); color: var(--color);
background-color: var(--color-back);
} }
a { a {
@ -24,6 +30,20 @@
section#conferences span.conference { section#conferences span.conference {
font-style: italic; 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> </style>
</head> </head>