search

shurcooL / Go-Package-Store

An app that displays updates for the Go packages in your GOPATH.
MIT License
900 stars 29 forks source link

Add support for Dark Mode. #95

Closed dmitshur closed 4 years ago

dmitshur commented 5 years ago

It can look like this:

image

Using https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme and roughly the following CSS.

Dark Mode CSS
```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 4 years ago

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

image