content icon indicating copy to clipboard operation
content copied to clipboard

19449 prefers color scheme

Open bsmth opened this issue 3 years ago • 2 comments

Background: Embedded SVGs and iframes can now use prefers-color-scheme media query to add styles that inherit (depend on) the color-scheme of the embedding element.

This PR adds details about embedded elements and how media queries can be used to control how embedded elements are styled based on embedding elements. There's an additional example that shows default functionality (browser or OS prefs) and then explicit styling based on the parent (embedding) element.

Other issues and PRs:

  • Parent issue: https://github.com/mdn/content/issues/19449

bsmth avatar Sep 19 '22 09:09 bsmth

Preview URLs

(this comment was updated 2022-10-13 08:06:12.550723)

github-actions[bot] avatar Sep 19 '22 09:09 github-actions[bot]

I'm away until Monday. @estelle would perhaps be a better person to review CSS.

hamishwillee avatar Sep 20 '22 21:09 hamishwillee

Some more feedback

Thank you, incorporating the comments now.

bsmth avatar Oct 13 '22 07:10 bsmth

Thanks, Estelle 🙌🏻

bsmth avatar Oct 14 '22 08:10 bsmth