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