matchMedia?

[bathos]

I know prefers-contrast isn’t yet supported anywhere so this is moot right now, but matchMedia is well-supported and will be available in any browser that does introduce support for prefers-contrast. Any reason not to use it to perform the test directly?

Might look something like:

const prefs = [ 'high', 'low', 'no-preference' ];

export default (fallback='no-preference') =>
  prefs.find(pref => matchMedia(`(prefers-contrast: ${ pref })`).matches) ||
  fallback;

[issue-label-bot]

Issue-Label Bot is automatically applying the label feature_request to this issue, with a confidence of 0.64. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.