How to change chrome header color in Flutter Web?

465

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.

Share:
465
Author by

Ahmed ibrahim

Updated on December 30, 2022

Comments

  • Ahmed ibrahim 13 minutes

    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 ?

  • Ahmed ibrahim over 1 year
    can you post the tag here ?
  • macosta over 1 year
    <meta name="theme-color" content="#393557">
  • Hashem Aboonajmi
    Hashem Aboonajmi about 1 year
    how to change it based on app theme color? instead of hardcoding the color?
  • Markus Rubey 10 months
    @HashemAboonajmi you could specify the theme in your meta tag. Or set it dynamically via dart:js. See this answer: stackoverflow.com/a/71474183/1399597