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 ?
Asked
Active
Viewed 1,736 times
2 Answers
5
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.
Christopher Moore
- 15,626
- 10
- 42
- 52
macosta
- 66
- 3
-
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
-
2@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
3
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">
Hossein
- 3,755
- 2
- 29
- 39