Auto-detect darkmode

Community resources General
1

Hi there,
Safari Technology Preview 68 adds support for the prefers-color-scheme media query, which makes it possible to check wether dark mode is on or off in macOS 10.14

So I think it would be great if I could check this through Webflow and build my design in a lighter and in a darker style to match the look to the chosen mode on the viewers Mac.

1 Like
2

@DeepShader

Can you post examples on how non mac users cam reproduce Sifari darkmode?

3

Hey @DeepShader

Do you mean something like this? Votes needed. :+1:

4

This is a CSS spec so will not be limited to Safari. It’ll just take time, as always, for browser support to become universal.

5

You can see here, how it works and how it would be done:

6

Exactly that :smiley: Thank you! Vote +3 :blush:

7

Really good to know ^_^/

8

i love darkmode - you have my vote :slight_smile:

but i run into one problem:

the default background color needs to be white, otherwise the background wont change to darkmode

i would like to have an off white as a background color during in the daytime.

is there any way to work around this?

any help would be greatly appreciated !!!