Dark theme support in embedded options pages fix

[rebloor]

Description

Adds a release note and updates the options UI page with details of the updated favorite colors example and note about the addition of <meta name="color-scheme" content="dark light" /> to support automatic theme switching. Provides documentation for Bug 1888866 Addons options_ui browser_style false doesn't properly handle dark mode on macOS

Related issues and pull requests

The corresponding change to the favorite colours example is in mdn/webextensions-examples#567

[github-actions]

Preview URLs

• /en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages
• /en-US/docs/Mozilla/Firefox/Releases/127

External URLs (1)

URL: /en-US/docs/Mozilla/Firefox/Releases/127
Title: Firefox 127 for developers

• https://bugzil.la/1888866 (1 time) (Note! This may be a new URL 👀)

[Rob--W]

Looks good, could be even better by linking the relevant documentation. Could you add the following enhancement? Feel free to merge this PR and create a new PR for the change in web documentation.

[Rob--W]

Could you link to MDN documentation for this?

Unfortunately I cannot find an easy main article for this. The meta tag is currently documented at:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name

Could you copy paste that to a new article under https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/color-scheme and interlink this new article and https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme to make it easier to find the two articles?

(Since the article content is so large, instead of copying, you could also trim some content in the original article to make the list of meta names more digestible).

[rebloor]

@Rob--W as that content seems to fall outside my bailiwick, I've created #35801 (so the resulting changes can be reviewed by appropriate SMEs)