Using Dark Mode in CSS with MacOS Mojave

Re:Using Dark Mode in CSS with MacOS Mojave by S_A_P on Thursday October 25, 2018 @07:34AM (#18300102)

As a counterpoint, I find a white app or webpage jarring in dark mode and much prefer light/white text on dark background. I’m happy that the rest of the os is catching up with how I’ve run my IDE for years.

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by Cub3 on Thursday October 25, 2018 @11:53AM (#18301857)

Agreed, i've been using the DarkReader extension to make everything 'Dark Mode'

https://darkreader.org/

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by wlesieutre on Thursday October 25, 2018 @02:26PM (#18303270)

Another option for Safari is Nightlight

https://www.gofake1.net/projects/nightlight.html

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by hnarayanan on Thursday October 25, 2018 @08:38AM (#18300399)

I agree. It is extremely jarring to have light content in an otherwise intentionally dark-moded interface.

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by Fuxy on Thursday October 25, 2018 @10:56AM (#18301363)

it is but it's not feasible for the system theme to change the styles of websites.

Just ask any Linux user that uses dark themes and you will find out what happens when the system theme messes with the site theme.

I myself always set a light theme in my Firefox config so I don't get a black on black text/background issue.

With how customized the styling on sites is every site needs to implement their own dark version otherwise you will run into situations where the styling is broken.

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by SpacePotatoe on Thursday October 25, 2018 @11:21AM (#18301576)

>it is but it's not feasible for the system theme to change the styles of websites. Just ask any Linux user that uses dark themes and you will find out what happens when the system theme messes with the site theme.

It is done completely different fashion than it was done on gnu/linux, on linux it was probably done by changing user agent style sheet (changes default bg color on body etc), when here it is done with media query (which webdev must explicit implement on his part so he can make sure that everything works).

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by S_A_P on Thursday October 25, 2018 @11:10AM (#18301478)

That I agree with, and this "responsibility" ultimately falls on the webmaster/content provider to allow a dark theme in a method similar to this post...

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by jackpeterfletch on Thursday October 25, 2018 @10:36AM (#18301191)

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.

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by Fuxy on Thursday October 25, 2018 @11:01AM (#18301403)

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.

[ Parent | on HN ]

Re:Using Dark Mode in CSS with MacOS Mojave by mixmastamyk on Thursday October 25, 2018 @11:55AM (#18301879)

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.

[ Parent | on HN ]