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

CSS renaming and dark color for printing

Browse source
This commit is contained in:
Benjamin 2023-02-04 15:19:44 +01:00
parent dd0e1efd0d
commit 358a446aa3
1 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
cv.html
View file

@ -8,17 +8,17 @@
<title>CV Benjamin Stadlbauer</title>
<style>
:root {
--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)
--color-primary-light: #000000;
--color-background-light: #ffffff;
--color-primary-dark: #ffffff;
--color-background-dark: #121212;
--color: var(--color-primary-light);
--color-background: var(--color-background-light)
}
body {
color: var(--color);
background-color: var(--color-back);
background-color: var(--color-background);
max-width: 80ch;
padding: 1ch;
margin: 0 auto;
@ -42,15 +42,21 @@
@media (prefers-color-scheme: light) {
:root {
--color: var(--color-accent-light);
--color-back: var(--color-back-light);
--color: var(--color-primary-light);
--color-background: var(--color-background-light);
}
}
@media (prefers-color-scheme: dark) {
:root {
--color: var(--color-accent-dark);
--color-back: var(--color-back-dark);
--color: var(--color-primary-dark);
--color-background: var(--color-background-dark);
}
}
@media print {
body, a {
color: black;
}
}
</style>