Using Dark Mode in CSS with MacOS Mojave • Hacker News Board

Re: Using Dark Mode in CSS with MacOS Mojave

#81

Post by mixmastamyk » Thu, Oct 25, 2018, 3:55 PM UTC

Fuxy wrote: post #70

jackpeterfletch wrote: post #62

Earlier quoted context omitted.

Well in this camp. I know there's evidence to suggest that black on white is better for reading comprehension, but I honestly find it straining. To me black on white is just a hangover from old skeuomorphic design principles.

I found that black background with white text is great when you have perfect eyesight but once your eyesight starts to go and you start needing glasses white background with black text is easier to read. it's quite odd. It could be just a personal thing though.

Don't believe so, have preferred dark themes and worn glasses for twenty years.

The bigger factor seems to be environment you are currently in:

- Fluorescent operating room/accountant's office/Initech --> white backgrounds needed.

- Darkened lab/color-correct studio/night-time --> dark backgrounds.

And of course this has gotten worse over the years as control over the gui theme has been lost.

Re: Using Dark Mode in CSS with MacOS Mojave

#82

Post by mixmastamyk » Thu, Oct 25, 2018, 4:02 PM UTC

This is a welcome development.

FYI: Been using these extensions (or similar) for years to combat the white background fascists that took over the web and removed control of the GUI theme (in all 3 OSs!) in the last decade:

- https://addons.mozilla.org/firefox/addon/dark-background-lig...

- https://darkreader.org/

In a darkened studio environment, one of these is a must.

Re: Using Dark Mode in CSS with MacOS Mojave

#83

Post by plehoux » Thu, Oct 25, 2018, 4:04 PM UTC

If you are interested in how to make your Electron app dark mode compatible (with CSS), here is how we did it: https://medium.com/missive-app/make-your-electron-app-dark-m...

Re: Using Dark Mode in CSS with MacOS Mojave

#84

Post by mixmastamyk » Thu, Oct 25, 2018, 4:16 PM UTC

michaelmior wrote: post #59

ThomPete wrote: post #57

Earlier quoted context omitted.

Exactly! That's my take on this too. Dark Mode should only be for UI elements not for actual content. They would never do that with a PDF either.

It's really a matter of preference. I personally would be happy if my PDFs would automatically display in "dark mode" (not that I expect that to be implemented). Perhaps browsers just need a setting to toggle this.

Ctrl+I on Evince/Atril doc viewers. Then set as default: Ctrl+T

Re: Using Dark Mode in CSS with MacOS Mojave

#85

Post by mixmastamyk » Thu, Oct 25, 2018, 4:25 PM UTC

kristofferR wrote: post #7

Dark Reader for Safari makes the web dark automatically when Dark Mode is enabled: https://darkreader.org/safari/ Unfortunately it doesn't work in Chrome or Firefox yet, as they haven't implemented proper APIs.

It does, go up one directory to the root on that URL. Just installed it for Chrome, am using "Dark backgrounds..." on Firefox.

Re: Using Dark Mode in CSS with MacOS Mojave

#86

Post by mixmastamyk » Thu, Oct 25, 2018, 4:27 PM UTC

EugeneOZ wrote: post #22

Cmd+F5, "Invert colors" (smart invert) This will turn everything into dark mode, except images and video. And you don't have to care if site has that line in CSS. Also, when you switch back - everything is in "light mode" again, including OS UI.

Is that for Safari? How long has it existed?

Re: Using Dark Mode in CSS with MacOS Mojave

#87

Post by rhacker » Thu, Oct 25, 2018, 4:27 PM UTC

As usual Apple has set off a major change in the way we do business. Newspapers, Apps, Slack, everything is going to start supporting dark mode. I think the original way we tackled "custom color schemes" of the OS was too much - we allowed people to set individual colors for everything. Once again apple has simplified that to just light mode and dark mode. And that's how the rest of the industry will finally tackle custom color schemes (no choice but light or dark) and the OS will now dictate that setting automatically much like en-US, es-MX etc..

Re: Using Dark Mode in CSS with MacOS Mojave

#88

Post by matchbok » Thu, Oct 25, 2018, 4:31 PM UTC

rhacker wrote: post #87

As usual Apple has set off a major change in the way we do business. Newspapers, Apps, Slack, everything is going to start supporting dark mode. I think the original way we tackled "custom color schemes" of the OS was too much - we allowed people to set individual colors for everything. Once again apple has simplified that to just light mode and dark mode. And that's how the rest of the industry will finally tackle c…

Sad to realize that if Slack had a real, native app, most of the conversion would be a simple toggle.

Re: Using Dark Mode in CSS with MacOS Mojave

#89

Post by skunkworker » Thu, Oct 25, 2018, 4:50 PM UTC

mixmastamyk wrote: post #85

kristofferR wrote: post #7

Dark Reader for Safari makes the web dark automatically when Dark Mode is enabled: https://darkreader.org/safari/ Unfortunately it doesn't work in Chrome or Firefox yet, as they haven't implemented proper APIs.

It does, go up one directory to the root on that URL. Just installed it for Chrome, am using "Dark backgrounds..." on Firefox.

He was referring to the automatically changing over option, eg: when Mojave goes Dark tell Dark Reader to also go dark.

Re: Using Dark Mode in CSS with MacOS Mojave

#90

Post by Tallain » Thu, Oct 25, 2018, 4:57 PM UTC

EugeneOZ wrote: post #22

Cmd+F5, "Invert colors" (smart invert) This will turn everything into dark mode, except images and video. And you don't have to care if site has that line in CSS. Also, when you switch back - everything is in "light mode" again, including OS UI.

By default the keyboard shortcut is disabled in Mojave, and when turned on is actually Control+Option+Command+8.