How to change chrome header color in Flutter Web?

user_11698662 0
Viewed 795

The default color for this header at the top with the link URL is blue, does anyone know how to change the color of it ?

enter image description here

flutter-web flutter-layout flutter
2 Answers

Put this meta tag between "head" tag in index.html file.

<meta name="theme-color" content="#393557">

It will change your mobile browser's top menu color.

user_160864460

You can set it for dark and light theme by adding following code to web/index.html file.

<meta name="theme-color" media="(prefers-color-scheme: light)" content="#FFFFFF">
<meta name="theme-color" media="(prefers-color-scheme: dark)"  content="#000000">
user_28029650
Related