@media query support for Color Scheme preference (light/dark mode)

Let's get a "dark mode" query in Webflow to easily let us adjust the CSS for this new and awesome query point.

With Safari Technology Preview 68 and MacOS 10.14, it is now possibly for the browser to recognize if the operating system is configured to dark mode and adjust the css as defined by the @media query. Soon this will become supported by all major browsers and operating systems. http://css-color-scheme-prefers-dark.webflow.io/

  1. Redesigning your product and website for dark mode
  2. Apple Human Interface Guidelines dark mode
  3. Paul Miller: Using dark mode in CSS with MacOS Mojave
  4. Bug Mozilla to add support for CSS prefers-color-scheme
  5. Can I Use prefers-
  6. Media Queries Level 5 (prefers-color-scheme)
  7. Safari Technology Preview Adds dark mode CSS
  • Matthew P Munger
  • Nov 5 2018
  • Erin Keeffe commented
    30 May 08:17pm

    Would love to see this supported. I'm imagining a toggle at the top of the styles panel that could switch between your light & dark css properties, as as example.

  • Damir commented
    6 Mar 12:34pm

    Would be ace to have this! Please prioritise Webflow.

  • Iskandar Bwefar commented
    30 Sep, 2019 11:08am

    Great! Love to use this on our website.

  • Lars M. Schreiber commented
    9 Nov, 2018 06:30am

    Yes, that would be great! A biiiig +++++1

  • and 63 more