[Devtools] Enable color scheme simulation on all channels

[chrisdavidmills]

Acceptance criteria

1. • The listed features are documented sufficiently on MDN
2. • BCD is updated
3. • Interactive example and data repos are updated if appropriate
4. • The content has been reviewed as needed

Features to document

1. color scheme simulation in devtools. This needs a rel note. The feature is already documented here — https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS — but the references to where it is supported need changing, and the UI has changed too, so new screenshots needed. See if it is mentioned anywhere else too.

Related Gecko bugs

1. • Enable color scheme simulation on all channels
2. • Enable color scheme simulation (devtools.inspector.color-scheme-simulation.enabled)

For folks helping with Firefox-related documentation features — make sure above AC have been done, but also:

• Set bugs to dev-doc-complete
• Add entry to Firefox release notes if feature is enabled in release
• Add entry to Firefox experimental features page if feature is not yet enabled in release

[hamishwillee]

Quick review

• BCD - none specifically
• BCD related fix though here - moving FF specific notes for overriding query
• Interactive example - NA
• Docs
  • How_to/Examine_and_edit_CSS > View @media rules for color-scheme-preference - Update the UI and screenshots. Needs a bit of clarification.
  • @media/prefers-color-scheme - needs cross-link to the debugging tool
  • Remove from experimental features - done in FF87 Color scheme simulation updates #2562
  • Release note - documented in FF87 Color scheme simulation updates #2562

[hamishwillee]

FYI, done. There is a related BCD fix here but that wouldn't stop review.

[chrisdavidmills]

This one can be closed too. Nice work!