Skip to content

Using theme-color Meta Tag

View on Twitter

💡 Use the theme-color meta tag to create a seamless experience between the browser interface and your site's top nav bar:

➡️ <meta name="theme-color" content="#dc3838">

Works on Android (Chrome, Brave, Samsung) and iOS (Safari 15), as well as on desktop! (macOS Safari 15)

Screenshot of maximorlov.com homepage on desktop showing a red top navigation bar with a smooth transition to, an equally red, browser interface.

Screenshot of maximorlov.com homepage on mobile showing a red top navigation bar with a smooth transition to, an equally red, mobile status bar.

You might also like

Simple Editor for Cron Schedule Expressions Read tip

Emoji Guide for Commit Messages Read tip

Tiny JSON DB for Quick Prototyping Read tip