I have mixed feelings about the inclusion of Safari's new editable browser chrome, but love it or hate it, more and more iOS and OSX users will end up seeing it. Andy hasn't touched on any of the controversies around the tag, but their article does a solid job of outlining what's changed, why, and how to make the most of it.
For example, I hadn't realised that
theme-color was already used by PWAs installed from Chrome; nor did I know that Safari had enabled media queries on the tag, meaning that you can do things like this (code is Andy's example):
<!-- Dark mode theme: blue --> <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0e4359"> <!-- Light mode theme or no preference: red --> <meta name="theme-color" content="#a62339">
Also, good to have confirmed that this will be a user preference:
Safari users can turn off coloured toolbars with “Preferences > Advanced > Never Use Background color in toolbar” but I suspect most people will leave the default turned on.