З виходом Android 5.0 мобільний браузер Chrome почав підтримувати метатег theme-color. Для прикладу зробимо верхню панель червоною:

<Meta name = "theme-color" content = "red">

Мобільний браузер Firefox в Firefox OS, починаючи з версії 2.1, теж підтримує цей метатег.

З виходом альфа-версії яндекс.браузер з'явилися нові можливості для маніпулювання зовнішнім виглядом браузера. Можна задавати свої стилі для верхньої і нижньої панелей браузера через ключі ya-title і ya-dock метатега вьюпорте.

Обидві панелі можна зробити прозорими, додавши в head вашого сайту вьюпорте з наступними значеннями:

<Meta name = "viewport" content = "ya-title = fade, ya-dock = fade">

Додамо замість fade вказуємо колір # 4e69a2:

<Meta name = "viewport" content = "ya-title = # 4e69a2, ya-dock = fade">

Якщо на вашому сайті фіксована шапка, тобто при прокручуванні вона залишається завжди зверху і зафарбована певним кольором. В такому випадку буде не зайвим зафарбувати і верхню панель браузера таким же кольором.