search

plibither8 / refined-hacker-news

✨ Hacker News, but refined — Interface tweaks and features to make the HN experience better
MIT License
807 stars 34 forks source link

[feat] Dark mode #73

Closed lookfirst closed 4 years ago

lookfirst commented 4 years ago

This simple custom css makes dark mode work surprisingly well.

body { background-color: black !important; filter: invert(90%) hue-rotate(180deg) !important; }
.__rhn__profile-dropdown { background-color: #f6f6ef !important; }

Could just be a checkbox.

plibither8 commented 4 years ago

Hi! You're right, this does work really well! I'll add this as an option in the popup, by which we can autofill the "Custom CSS" field with the dark-mode CSS.

plibither8 commented 4 years ago

I've pushed to master this feature, and the popup now looks like this: image

lookfirst commented 4 years ago

@plibither8 I just tried it, reloaded the page... and the style doesn't apply! =(

image

lookfirst commented 4 years ago

Removing the comment on the first line fixes it.

lookfirst commented 4 years ago

Ah, and now I see you fixed it already. Must have an older version. Cheers!

plibither8 commented 4 years ago

Hi! Yeah, the commit that I pushed and uploaded to the marketplaces was buggy, apologies for that :/ ! Since then I had fixed the bug (https://github.com/plibither8/refined-hacker-news/commit/c34a8c922943b0ac4f9816a5c8138fde4847e1e2), correcting the CSS comment, but Chrome Webstore takes a hell lot of time for review before publishing - especially these days with reduced staff (according to the email I got). I'm glad you could find a workaround!