New issue
Advanced search Search tips

Issue 889087 link

Starred by 28 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 3
Type: Feature



Sign in to add a comment

Add support for CSS prefers-color-scheme media feature

Reported by meriha...@gmail.com, Sep 25

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:62.0) Gecko/20100101 Firefox/62.0

Steps to reproduce the problem:
Try to use prefers-color-scheme media query.

What is the expected behavior?
prefers-color-scheme media query should report the user's preference about the OS color scheme.

What went wrong?
prefers-color-scheme media query is ignored.

Did this work before? No 

Does this work in other browsers? No
 This is a new media query added to CSS Media Queries Level 5 to utilize the dark mode preference operating systems provide.

https://bugzilla.mozilla.org/show_bug.cgi?id=1494034

Chrome version: <Copy from: 'about:version'>  Channel: n/a
OS Version: OS X 10.14
Flash Version: 

Link to spec: https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme
 
Labels: Needs-Milestone
Labels: -Type-Bug Type-Feature
Labels: -Pri-2 Pri-3
Status: Available (was: Unconfirmed)
Support for this has arrived in Safari Technology Preview 68.
Cc: ellyjo...@chromium.org
cc ellyjones@ re: our conversation earlier this week about interaction of dark mode and which system colors we give to Blink

Might as well branch this out to Windows

Win32 apps listen on:

Software\Microsoft\Windows\CurrentVersion\Themes\Personalize\AppsUseLightTheme

https://blogs.technet.microsoft.com/uktechnet/2016/07/15/13-epic-registry-hacks/

Windows WPF/UWP apps use:

Application.RequestedTheme

https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.application.requestedtheme




Sign in to add a comment