Firefox: How to test prefers-color-scheme?

Good news — from Firefox 87 this is now enabled by default, without the need to set a configuration flag! You can find it in the inspector tab:

The Firefox Developer tools, with perfers color scheme toggles circled

  • Choosing the sun button simulates light mode;
  • Choosing the moon button simulates dark mode;
  • With no button selected, your operating system default will be used, as per normal.

In some older versions of Firefox, this feature existed behind a flag. To test on one of those versions, you can thus enable this by going to about:config, and setting the devtools.inspector.color-scheme-simulation.enabled property to true. Once that’s done, you’ll find the controls for it in the same place as in the modern devtools, but as a single paintbrush icon rather than today’s sun/moon toggle buttons.

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)