[wp-trac] [WordPress Trac] #63468: Dark mode support for WordPress embeds

[WordPress Trac]

#63468: Dark mode support for WordPress embeds
-------------------------+-----------------------------
 Reporter:  meszarosrob  |      Owner:  (none)
     Type:  enhancement  |     Status:  new
 Priority:  normal       |  Milestone:  Awaiting Review
Component:  Embeds       |    Version:
 Severity:  normal       |   Keywords:
  Focuses:               |
-------------------------+-----------------------------
 WordPress embeds in version 6.8 and earlier do not support dark mode. They
 are always displayed with a white background with dark text, regardless of
 the user's system-wide light or dark mode settings.

 This is because WordPress embeds do not include CSS rules for dark mode
 support. They were added before browsers widely supported the `prefers-
 color-scheme` media query.

 On websites optimized for dark mode, the embedded WordPress posts stand
 out harshly and can create an unpleasant visual experience. Since embeds
 are rendered within iframes, embedding sites have little control over
 their styling.

 Other platforms that support oEmbed, such as Bluesky, adjust their embed
 appearance based on the user's system preferences. Ideally, WordPress
 should adopt the same approach.

 If this is an issue, it affects all websites that embed WordPress posts.
 Therefore, it might make sense for dark mode support to be implemented in
 WordPress core rather than relying on plugins. Otherwise, every WordPress
 instance would need to install a plugin to "play nice" with the rest of
 the websites.

 Although dark mode is often seen as an aesthetic feature, it can also
 offer accessibility benefits and contribute to power savings:
 - https://web.dev/articles/prefers-color-scheme
 - https://www.nngroup.com/articles/dark-mode-users-issues/
 - https://web.dev/case-studies/terra-dark-mode

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63468>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform