Use the "prefers-color-scheme" media query to automatically adjust to system preferred color mode

Follow

Charles Finkel

• July 01, 2020 16:03

Websites can now automatically switch. between light and dark mode depending on the mode of the underlying OS via `prefers-color-scheme`: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme.  On Macos I like to set the Appearance to "Auto" meaning it will automatically adjust from light to dark throughout the day.  Since Workflowy is one of the main tools I use throughout the day I'd love for it to make use of `prefers-color-scheme` and automatically change the mode along with everything else.  

 

It would probably be fairly simple to implement this feature, so I'm hoping you can prioritize it.  Thank you!

4

• 

  Yury Molodtsov

  • July 20, 2020 07:16

  Workflowy desktop app does that but not exactly right – in my experience, it's only able to detect the change if it's open, if you switch to dark mode and open Workflowy it remains light.

  Since it already has dark mode it'd be a relatively simple change and I'd love to see it.

  0

  Comment actions Permalink

Please sign in to leave a comment.