3 ms·
I love the colour of the page 'bleeding' into the 'tab area' - providing they can maintain a decent level of contrast. It looks really nice in the provided exam
by petepete 5y ago
I love the colour of the page 'bleeding' into the 'tab area' - providing they can maintain a decent level of contrast. It looks really nice in the provided example.
Of course, I hope they've used `<meta name="theme-color"...` instead of the background colour so pages with a white background and a black header don't end up with white chrome.
- sirn 5y agoThey do use theme-color and only fallback to either page background color or header background color when theme-color is not present[1][2] [1]: https://files.grid.in.th/z3ox7o.jpg https://files.grid.in.th/z3ox7o.jpg [2]: https://developer.apple.com/videos/play/wwdc2021/10029/ https://developer.apple.com/videos/play/wwdc2021/10029/
- petepete 5y agoAh, thanks for clarifying.
- arata 5y ago> providing they can maintain a decent level of contrast Safari wouldn't apply the theme-color if it makes the UI inaccessible (it has a very few narrow range of color that it won't apply). Also, if the tag is not specified, Safari would not blend the website content into the tab bar.