Microsoft Edge to offer an option to disable PWAs Colorful Title bars

Image about Microsoft Edge to offer an option to disable PWAs Colorful Title bars

If you install a Progressive Web App (PWA) or ‘site as an App’ in Microsoft Edge browser, Edge automatically themes App title bar with that of site color. If you don’t like to see colored title bars for PWAs, you can disable them soon. Microsoft is currently testing “Toggle theme color” option in Web Apps Settings and is already showing up to some users in Edge Canary and dev versions.

To see Colorful Title bars for Web Apps in action,

  1. Launch new Edge browser
  2. Visit any website such as Outlook or YouTube
  3. Click on ellipsis icon > Apps > Install this site as App
  4. Click Install

The App opens in a separate window. Edge detects the site theme color based on Favicon and applies it to title bar. This happens to every site or PWA you install in Edge browser. And new Edge till now doesn’t offer any option to remove site color from title bar.

Microsoft Edge Canary and Dev versions now reportedly displaying an option to turn off colored title bars for PWAs, here is how you can use it, when available.

  1. Launch the Edge App
  2. Click on Settings and more
  3. Select ” Toggle theme color”

    Toggle Theme Color option in Edge App Settings

    Toggle theme Color option in Edge App Settings

Currently, the option is appearing for some sites only, expect Microsoft to expand its visibility to more PWAs in near future. As of now, the feature isn’t available to all users, yes! it could be due to controlled rollout.

Do you like colorful title bars which Edge shows for Web Apps? Let us know in the comments below.

Related articles:

Microsoft to make Edge Web Apps more native in Windows 10

New PWA features come to Edge in Windows 10 May 2020 Update

Microsoft Edge can now run PWAs on Windows Startup

Chrome adds Colored Tab Strips to PWAs