plibither8 / refined-hacker-news

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

Option to auto-enable/disable Dark Mode based on browser theme #119

Closed krtkush closed 1 year ago

krtkush commented 1 year ago

Most major websites today come with the option to change their theme based browser's theme. Would be nice if RHN could do the same with its own dark mode.

plibither8 commented 1 year ago

Hey @krtkush. Does the following "Custom CSS" help?

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

I've been using it myself for quite some time, works well for me. Let me know 🙂

krtkush commented 1 year ago

Works perfectly!

Thank you for the quick response :)