shurcooL/Go-Package-Store

Add support for Dark Mode.

dmitshur opened this issue · 1 comments

It can look like this:

image

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);
}

The final version, with further color adjustments, will look like this:

image