Add prefers-color-scheme / color-scheme / light-dark()

feature-group-definitions/color-scheme.yml

@@ -0,0 +1,8 @@
+name: color-scheme
+description: The `color-scheme` CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.
+spec: https://drafts.csswg.org/css-color-adjust-1/#color-scheme-prop
+usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/637
+compat_features:
+  - css.properties.color-scheme
+  - css.properties.color-scheme.only_dark
+  - css.properties.color-scheme.only_light

feature-group-definitions/light-dark.yml

@@ -0,0 +1,5 @@
+name: light-dark()
+description: The `light-dark()` CSS function accepts two colors and uses one depending on the current color scheme.
+spec: https://drafts.csswg.org/css-color-5/#light-dark
+compat_features:
+  - css.types.color.light-dark

feature-group-definitions/prefers-color-scheme.yml

@@ -0,0 +1,5 @@
+name: prefers-color-scheme
+description: The `prefers-color-scheme` CSS media query detects the requested color scheme, light or dark.
+spec: https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme
+compat_features:
+  - css.at-rules.media.prefers-color-scheme