mirror of
https://code.rocketnine.space/tslocum/gmitohtml.git
synced 2024-11-15 02:36:43 +01:00
Support dark theme using prefers-color-scheme
This commit is contained in:
parent
a8700abe29
commit
78b0228f49
1 changed files with 24 additions and 0 deletions
|
@ -393,5 +393,29 @@ template {
|
||||||
[hidden] {
|
[hidden] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
color: white;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #8d94ff;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
input {
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
border-color: gray;
|
||||||
|
border-width: 0.3em;
|
||||||
|
border-style: solid;
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
`, fs)
|
`, fs)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue