<?xml version="1.0" encoding="UTF-8"?>
<feature id="prefers-color-scheme"><name>prefers-color-scheme media query</name><description>The prefers-color-scheme CSS media query sets styles based on the requested color scheme, light or dark.</description><group>media-queries</group><group_name>Media queries</group_name><baseline><status>widely</status><low_date>2020-01-15</low_date><high_date>2022-07-15</high_date></baseline><support><browser name="chrome" version="76" supported="true"></browser><browser name="firefox" version="67" supported="true"></browser><browser name="safari" version="12.1" supported="true"></browser><browser name="edge" version="79" supported="true"></browser><browser name="chrome_android" version="76" supported="true"></browser><browser name="firefox_android" version="67" supported="true"></browser><browser name="safari_ios" version="13" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/HTTP/Reference/Headers/Sec-CH-Prefers-Color-Scheme</mdn_url><compat_features><key>css.at-rules.media.prefers-color-scheme</key><key>css.at-rules.media.prefers-color-scheme.respects-inherited-scheme</key><key>http.headers.Sec-CH-Prefers-Color-Scheme</key></compat_features><canonical_url>https://nowyoucanuse.com/features--prefers-color-scheme.html</canonical_url></feature>