Prefers-Contrast Media Query

[coliff]

There are many useful CSS media queries to aid accessibility such as prefers-reduced-motion, prefers-reduced-transparency.

A relatively new one, prefers-contrast was recently added to Chrome and Edge. It is already supported in Safari.

Chrome Status details:
https://www.chromestatus.com/feature/5646323212615680

Browser Coverage:
https://caniuse.com/mdn-css_at-rules_media_prefers-contrast

It could be helpful to make some optimizations in Modus Bootstrap, or at least give some guidance on the Style Guide site. For example, the default text color in Modus could change from Trimble Gray to the darker 'Gray 10' (#171c1e).

@media (prefers-contrast: more) {
 body {  
  color: #171c1e;
 }
}