3 ms·
Hey guys, the "Invert color" option pretty much does the job for me on mobile. Don't know how I can screenshot that, but it basically makes these changes: 1. T
by graposaymaname 6y ago
Hey guys, the "Invert color" option pretty much does the job for me on mobile.
Don't know how I can screenshot that, but it basically makes these changes:
1. Title bar remains orange (Strangely, it's not inverted)
2. Text colors which are black become white
3. The background white gets converted to black
4. Everything grey(upvote, points etc.) remains grey.
We can try that out on the website using CSS filter no? Something like
filter: invert(1); // Set based on user opt-in value
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert https://developer.mozilla.org/en-US/docs/Web/CSS/filter-func...
- vnorilo 6y agoThe quick-and-dirty light/dark mode flip is to invert and rotate hue by 180deg. However, putting that on <body> taxes most browsers, as they will use an additional buffer to filter pixel data.
- tsbertalan 6y agoUsing the OS to invert the whole screen can easily be put within easy reach by keystroke or notification-area-button on Android, iOS, Windows, Mac, and Ubuntu. It doesn't require installing any new software (it's usually somewhere in "accessibility"), and, most importantly, it's consistent. When you have a "dark mode" for one site or app, it fights with the surrounding browser chrome bring light, and switching to other apps is jarring. And when you try to enable a dark UI theme in the OS, inevitably there will be elements that missed the restyling, and so retain black-on-white, or even worse, are now black-on-black. I get that a "dark mode", done properly, requires more than just inverting colors, but this consistency is really nice.