Starting with version 68, Google Chrome includes a new version of the Material Design UI that is not enabled by default. In this article, we will see how to activate it.
The new version can be seen in the current development version of the browser, where it is enabled by default. You may have spotted it while reading the article Enable Picture-in-Picture mode in Google Chrome.
If you like the new appearance, you can enable it right now. It can be activated with a special flag.
Google Chrome comes with a number of useful options which are experimental. They are not supposed to be used by regular users but enthusiasts and testers can easily turn them on. These experimental features can significantly improve the user experience of the Chrome browser by enabling additional functionality.
There is a special flag which allows activating the new 'Refresh' style for the top frame of the browser's window. Let's see how it can be done.
To enable Material Design Refresh in Google Chrome, do the following.
- Open the Google Chrome browser and type the following text into the address bar:
This will open the flags page directly with the relevant setting.
- The setting is called "Material Design in the browser's top chrome". It allows you to pick the desired interface appearance from a drop down list. Set it to 'Refresh'.
- Restart Google Chrome by closing it manually or you can also use the Relaunch button which will appear at the very bottom of the page.
Google Chrome will look as follows.
Other possible values for the mention flag are:
- Normal - for clamshell/flip devices
- Hybrid (formerly Touch) - for touch screen devices
- Auto - allows the browser decide.
- Touchable - new unified interface for touch screen devices.
- Refresh - Material Design Refresh
- Touchable Refresh - Material Design Refresh with extra padding.
Feel free to share your impressions about this new design in the comments.