Skip to content

Safari 26 uses <meta name="theme-color"> only for web apps#28503

Open
andesco wants to merge 4 commits intomdn:mainfrom
andesco:theme-color-safari-26
Open

Safari 26 uses <meta name="theme-color"> only for web apps#28503
andesco wants to merge 4 commits intomdn:mainfrom
andesco:theme-color-safari-26

Conversation

@andesco
Copy link

@andesco andesco commented Nov 21, 2025

Summary

  • lists Safari 26 (and mirrored iOS and WebView) as removing support for html.elements.meta.name.theme-color

Test Results and Supporting Details

@github-actions github-actions bot added data:html Compat data for HTML elements. https://developer.mozilla.org/docs/Web/HTML size:s [PR only] 7-24 LoC changed labels Nov 21, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Nov 21, 2025

Tip: Review these changes grouped by change (recommended for most PRs), or grouped by feature (for large PRs).

@caugner caugner changed the title update compatability for theme-color: Safari 26 removes support Safari 26 removed <meta name="theme-color"> Nov 25, 2025
Copy link
Contributor

@caugner caugner left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I could not find evidence for this removal. In particular, WebKit still has code handling theme-color changes: https://github.com/WebKit/WebKit/blob/ac871ed0a668bd6fdd43e8590039b83fb3fd5d3e/Source/WebCore/html/HTMLMetaElement.cpp#L114

@andesco Can you please provide details on how you came to the conclusion that Safari 26 removed support for this feature? Can you confirm that you checked both in desktop and mobile versions, and if you used one of the linked examples, can you confirm that you verified a prior Safari version like 18.6?

@andesco
Copy link
Author

andesco commented Dec 3, 2025

Can you please provide details on how you came to the conclusion that Safari 26 removed support for this feature?

I built safari-color-tinting to demonstrate and document this change.

Can you confirm that you checked both in desktop and mobile versions, and if you used one of the linked examples, can you confirm that you verified a prior Safari version like 18.6?

Yes. I have used safari-color-tinting to show that Safari 26 (macOS and iOS) drops support for theme-color and that Safari 18.x (macOS and iOS) only uses theme-color.

@caugner, thank you for taking a second look.

@caugner
Copy link
Contributor

caugner commented Dec 5, 2025

@andesco Could you add screenshots to the PR description?

I don't see any differences between Safari 26, 18.4, and 17.3, and I don't find the mentioned setting neither in Safari 17.3 nor Safari 18.4:

image

@caugner
Copy link
Contributor

caugner commented Dec 12, 2025

@andesco When you have a moment, please add some screenshots and instructions on how to reproduce your findings. See comments above.

@andesco
Copy link
Author

andesco commented Dec 12, 2025

Co-authored-by: mister-ben <1676039+mister-ben@users.noreply.github.com>
@github-actions github-actions bot added size:xs [PR only] 0-6 LoC changed and removed size:s [PR only] 7-24 LoC changed labels Feb 17, 2026
Comment on lines +542 to +543
"version_added": "15",
"version_removed": "26"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We discussed this in this week's BCD meeting:

This is still supported for installed web apps, and the spec does not require the color to be used (apparently there were some limitations before, to avoid contrast issues).

Therefore we should just add a note instead of setting partial_implementation or version_removed:

Suggested change
"version_added": "15",
"version_removed": "26"
"version_added": "15",
"notes": "From Safari 26, the theme color is only used for installed web apps."

@caugner caugner changed the title Safari 26 removed <meta name="theme-color"> Safari 26 uses <meta name="theme-color"> only for web apps Mar 12, 2026
Copilot AI review requested due to automatic review settings March 12, 2026 13:11
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review is ineligible. To be eligible to request a review, you need a paid Copilot license, or your organization must enable Copilot code review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

data:html Compat data for HTML elements. https://developer.mozilla.org/docs/Web/HTML size:xs [PR only] 0-6 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants