Remove Color from PWA Title Bar in Microsoft Edge

How to Remove Color from PWA Title Bar in Microsoft Edge

Edge now allows removing the unique color from PWA windows. Microsoft has added a new option to Dev and Canary builds of the Edge browser. When enabled, it allows to get rid of colorful title bars for Progressive Web Apps installed and running in Microsoft Edge.

Advertisment

Microsoft Edge is now a Chromium-based browser with a number of exclusive features like Read Aloud and services tied to Microsoft instead of Google. The browser has already received a few updates, with support for ARM64 devices in Edge Stable 80. Also, Microsoft Edge is still supporting a number of aging Windows versions, including Windows 7, which has recently reached its end of support. Check out Windows Versions Supported by Microsoft Edge Chromium and Edge Chromium latest roadmap. Finally, interested users can download MSI installers for deployment and customization.

For pre-release versions, Microsoft is currently using three channels to deliver updates to Edge Insiders. The Canary channel receives updates daily (except Saturday and Sunday), the Dev channel is getting updates weekly, and the Beta channel is updated every 6 weeks. Microsoft is going to support Edge Chromium on Windows 7, 8.1 and 10, alongside macOS, Linux (coming in the future) and mobile apps on iOS and Android. Windows 7 users will receive updates until July 15, 2021.

Progressive Web Apps (PWAs) are web apps that use modern web technologies. They can be launched on the Desktop and look like native apps. Microsoft Edge allows installing them with ease via a special button in the address bar.

While PWAs are hosted on the Internet, the user can create a special shortcut to launch them like a regular app, or install them in Windows 10 using Microsoft Store. Besides the Microsoft Store app, Windows users can use the certain Chromium-based browsers like Edge and Chrome to install them.

As spotted by Leo, latest Canary and Dev builds of the browser allow removing the color from the title bar of Edge PWAs. The following video shows how it works.

Before proceeding, update the Edge browser to the latest version (see the version list below).

To Remove Color from PWA Title Bar in Microsoft Edge,

  1. Open the Edge browser.
  2. Install a website as a web app, e.g. YouTube or Twitter.Edge Install PWA Site
  3. Click on the three dot menu button in the title bar of the app.
  4. Select Toggle Theme Color from the menu. By doing this you will instantly enable or disable the unique title bar color for the PWA.

You are done.

Actual Edge Versions


Download Microsoft Edge

You can download pre-release Edge version for Insiders from here:

Download Microsoft Edge Insider Preview

The stable version of the browser is available on the following page:

Download Microsoft Edge Stable


Note: Microsoft has started delivering Microsoft Edge to users of Windows via Windows Update. The update is provisioned for users of Windows 10 version 1803 and above, and replaces the classic Edge app once installed. The browser, when delivered with KB4559309, makes it impossible to uninstall it from Settings. Check out the following workaround: Uninstall Microsoft Edge If Uninstall Button is Grayed Out

Advertisment

Leave a Reply

Your email address will not be published. Required fields are marked *