Re:Dark mode in a website with CSS
by cbsks on Tuesday October 08, 2019 @04:07PM
(#21196597)
Now if only Hacker News would implement it!
[ Parent
| on HN ]
I wish Hacker News had better mobile CSS in general.
Re:Dark mode in a website with CSS
by skunkworker on Tuesday October 08, 2019 @04:22PM
(#21196760)
I currently use 'DARK READER' for hacker news and it works quite well using the 'Filter+' theme engine.
I use the following: https://userstyles.org/styles/113994/hacker-news-dark
Works great.
Re:Dark mode in a website with CSS
by kristofferR on Tuesday October 08, 2019 @05:29PM
(#21197483)
I've put an updated version here. This updated version is an UserCSS, which means it can be automatically enabled/disabled based on system Dark Mode setting.
https://raw.githubusercontent.com/kristofferR/userstyles/mas...
Awesome, and I see you fixed the vote button colors.
The problem with browser extensions is that they're a massive security risk.
Re:Dark mode in a website with CSS
by skunkworker on Tuesday October 08, 2019 @04:42PM
(#21196998)
On some sites I've used it to get a good baseline then export the CSS and modify it from there.
How do you get your browser to even load custom CSS without an extension?
Re:Dark mode in a website with CSS
by skunkworker on Tuesday October 08, 2019 @04:55PM
(#21197163)
Without an extension, I don’t know an easy way. You could just build your own extensions from scratch and load it there. I used it to style my own sites for dark mode.
In my browser, Preferences > Advanced > Style sheet.
Re:Dark mode in a website with CSS
by IAmGraydon on Tuesday October 08, 2019 @05:15PM
(#21197352)
My wife would be very grateful as I read Hacker News in bed every night and it lights the whole room up with all its white pixels.
Re:Dark mode in a website with CSS
by stonecrusher on Thursday October 10, 2019 @12:27PM
(#21216390)
Install Stylus https://github.com/openstyles/stylus/ (and fall in love with it), then install a style (e.g. https://userstyles.org/styles/97106/ ) or write your own.
Have you tried inverting the colours?
That’s a good idea! On iOS I configured the Accessibility Shortcut to enable Smart Invert when I triple-click the home button, and it looks like it will work perfectly!
@dang
Do you think this is something that can be added.
Save this as userscript, or convert to bookmarklet.
document.body.style.filter = "invert(1)";
document.body.style.backgroundColor = "#141414";
I use a fine tuned custom stylesheet with Stylus chrome extension.That actually works amazingly well! Nice!