1. prefers-color-scheme media query

    Media query to detect if the user has set their system to use a light or dark color theme.

  2. prefers-reduced-motion media query

    CSS media query based on a user preference for preferring reduced motion (animation, etc).

  3. css at-rule: `@media`: `prefers-color-scheme` media feature

  4. css at-rule: `@media`: `prefers-color-scheme` media feature: `no-preference` value

  5. css at-rule: `@media`: `prefers-color-scheme` media feature: respects `color-scheme` inherited from parent

  6. css at-rule: `@media`: `prefers-contrast` media feature

  7. css at-rule: `@media`: `prefers-reduced-data` media feature

  8. css at-rule: `@media`: `prefers-reduced-motion` media feature

  9. css at-rule: `@media`: `prefers-reduced-transparency` media feature

  10. headers http header: `sec-ch-prefers-color-scheme` request header

  11. headers http header: `sec-ch-prefers-reduced-motion` request header

  12. headers http header: `sec-ch-prefers-reduced-transparency` request header