Forum Discussion

Rohit Yadav's avatar
Rohit Yadav
Bronze Contributor
Dec 03, 2019

Info on the app colored title bars

Hi there everyone,

After the version 80.0.351.0 update, I noticed that the title bars of the Apps installed through Edge show a colored title bar, which looks super cool...

For example: YouTube has a red bar now:

Similarly for the other apps installed through Edge also have a colored bar.

 

What I wanted to know here is that if the team is deciding on the colors of those bars, or Edge is picking up the colors through an algorithm?

 

That looks super dope though...

Thanks!

  • William Devereux's avatar
    William Devereux
    Dec 03, 2019

    Yes, this is a new feature we're working on! Now, when you install a site as an app, we'll automatically theme the title bar based on the site's colors. This happens automatically, but as always web developers can specify their own color and override this automatic theming.

     

    I'm glad you all like it. 🙂

  • MSFTi's avatar
    MSFTi
    Copper Contributor
    May 19, 2020

    Can a user disable the colored title bar?  Some sites (such as Gmail) give a red title bar that is distracting and alarming (being red).  

  • William Devereux's avatar
    William Devereux
    Icon for Microsoft rankMicrosoft
    Dec 03, 2019

    Yes, this is a new feature we're working on! Now, when you install a site as an app, we'll automatically theme the title bar based on the site's colors. This happens automatically, but as always web developers can specify their own color and override this automatic theming.

     

    I'm glad you all like it. 🙂

    • Philliplanos's avatar
      Philliplanos
      Copper Contributor
      Sep 23, 2022

      I wish there was an option to override it ourselves and have it follow the theme we installed on the Edge Browser to begin with lol Is that possible?

    • JordanQ's avatar
      JordanQ
      Steel Contributor
      Feb 18, 2020
      William, this looks good in installed web apps. So good, that I think Edge should bring this to the browser itself, not just installed apps. For example, add a toggle in Settings under Appearance to "Use adaptive colors in title bar". This wouldn't suit everyone, but some people would love it, and you'd have another thing setting you apart from Chrome.
    • kdecker's avatar
      kdecker
      Copper Contributor
      Feb 12, 2020

      William Devereux  Will there be anyway for the end user to change the color of the title bar? We use MS Dynamics 365 and for some reason when we install this site as an app it uses red which doesn't really mesh with the Dynamics 365 theme.  

       

      Thanks

       

  • HotCakeX's avatar
    HotCakeX
    MVP
    Dec 03, 2019

    Hi,

    That's really awesome!

    I just tried it on popular websites and except for Outlook that has an unexpected title bar color, the rest of them are working fine as expected and nicely.

     

    Twitter

     

    Facebook

     

    Outlook (expected it to be blue not white)

     

    Spotify Web Player

     

    Amazon

     

    Instagram

     

    IMDB

     

    Twich

     

     

     

Resources