How to change chrome header color in Flutter Web?

Question

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 ?

score 3 · Accepted Answer · edited Jul 10 '21 at 22:48

3

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.

edited Jul 10 '21 at 22:48

Christopher Moore

answered Jul 09 '21 at 13:11

macosta

can you post the tag here ? – Ahmed ibrahim Jul 09 '21 at 13:18
1

– macosta Jul 09 '21 at 14:02
how to change it based on app theme color? instead of hardcoding the color? – Hashem Aboonajmi Oct 22 '21 at 07:57
1

@HashemAboonajmi you could specify the theme in your meta tag. Or set it dynamically via dart:js. See this answer: https://stackoverflow.com/a/71474183/1399597 – Markus Rubey Mar 14 '22 at 21:09

1 Answers1