Define the theme color for Safari 26

“Define the Theme Color for Safari 26” title, author’s photo, three Safari windows showing The Verge with dark chrome, Piccalilli with white and red chrome, DevTools with background: red.

Martin Grubinger explains how Safari 26 dropped the <meta name="theme-color"> and now derives chrome color from the body background or a fixed-position element at the top. The article proposes a CSS workaround using scroll-driven animations: a hidden fixed element maintains the desired color while being scrolled out of view. The approach has limitations when pages reload at non-top scroll positions.

grooovinger.com/notes/2026-02-27-safari-26-header-background