mirror of
https://code.rocketnine.space/tslocum/gmitohtml.git
synced 2024-11-27 15:18:14 +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] {
|
||||
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)
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue