Add support for Dark Mode.
dmitshur opened this issue · 1 comments
dmitshur commented
It can look like this:
Using https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme and roughly the following CSS.
Dark Mode CSS
body {
background-color: rgb(30, 30, 30);
color: white;
}
a {
color: hsla(210, 63%, 61%, 1);
}
header {
background-color: hsla(209, 51%, 22%, 1);
}
header.update {
background-color: hsla(209, 51%, 16%, 1);
}
.list-entry-header {
background-color: hsla(0, 0%, 20%, 1);
border-bottom: 1px solid hsla(0, 0%, 24%, 1);
}
.list-entry {
border: 1px solid hsla(0, 0%, 26%, 1);
}
dmitshur commented