search

cheeaun / hackerweb

A simply readable Hacker News web app
http://hackerwebapp.com/
1.23k stars 133 forks source link

Add dark color scheme #61

Closed max-vogler closed 4 years ago

max-vogler commented 4 years ago

I've implemented a dark mode using prefers-color-scheme: dark, which is supported in a majority of browsers. If the user's device uses a dark system theme, the browser should automatically use the dark mode style - I verified that on macOS 10.14 and Android 10.

To start with, I used tzekid/stylish_styles as baseline, which looks cool, but introduces a lot more orange colors than the original theme. Also, using custom styles is not really an option for mobile users. Finally, I used Material Dark as baseline and eyeballed the other colors for good contrast ratios.

The CSS has been minified with grunt cssmin.

Fixes #57.

max-vogler commented 4 years ago

Ping @cheeaun

julien-c commented 4 years ago

Yay!