feat: dark mode support
This commit is contained in:
parent
770da90173
commit
05927b6db7
1 changed files with 8 additions and 1 deletions
|
|
@ -1,5 +1,6 @@
|
||||||
html {
|
html {
|
||||||
background: #eee;
|
background: #eee;
|
||||||
|
color: #444;
|
||||||
font-family: "Gentium Basic", serif;
|
font-family: "Gentium Basic", serif;
|
||||||
min-height: 80%;
|
min-height: 80%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -13,7 +14,6 @@ body {
|
||||||
padding: 2em;
|
padding: 2em;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: #444;
|
|
||||||
}
|
}
|
||||||
h1, p {
|
h1, p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -65,3 +65,10 @@ img.profile {
|
||||||
.contact a:hover {
|
.contact a:hover {
|
||||||
color: #08f;
|
color: #08f;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
html {
|
||||||
|
background: #333;
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue