Fix color scheme on dark mode.
This commit is contained in:
parent
28122c3c31
commit
89e50a6310
@ -6,11 +6,13 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
|
background-color: white;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
max-width: 100ex;
|
max-width: 100ex;
|
||||||
padding: 0 1ex;
|
padding: 0 1ex;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
.header h1 {
|
.header h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -45,7 +47,7 @@
|
|||||||
border-right: 1px solid #000;
|
border-right: 1px solid #000;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
html {
|
body {
|
||||||
background-color: #1d1f21;
|
background-color: #1d1f21;
|
||||||
color: #fafafe;
|
color: #fafafe;
|
||||||
}
|
}
|
||||||
|
@ -10,6 +10,8 @@ body {
|
|||||||
max-width: 80ex;
|
max-width: 80ex;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 0.5ex 1ex;
|
padding: 0.5ex 1ex;
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.blog {
|
body.blog {
|
||||||
@ -580,7 +582,7 @@ tr.__table-separator {
|
|||||||
|
|
||||||
/* Dark mode. */
|
/* Dark mode. */
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
html {
|
html, body {
|
||||||
background-color: #1d1f21;
|
background-color: #1d1f21;
|
||||||
color: #fafafe;
|
color: #fafafe;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user