Windows 10: Change Material Design UI Layout for Top of Google Chrome in Windows

How to: Change Material Design UI Layout for Top of Google Chrome in Windows

How to Change Material Design UI Layout for Top of Google Chrome in Windows


This tutorial is no longer valid in the latest Google Chrome.



Google Chrome has a new Material Design refresh UI. This new UI comes with many new changes such as round curved tabs, round edges of address bar, color changes, etc.

If you like, you can set a flag for an experimental feature to select a "UI layout for the brower's top chrome" you want that changes the look of the tabs and address bar in Chrome.

You can toggle between the following UI layouts for the top of Google Chrome:

• Default
• Refresh - Material Design refresh
• Touchable Refresh - Touchable Material Design refresh
• Dynamic Refresh - Switching automatically between Touchable and non-Touchable modes

This tutorial will show you how to change the Material Design UI layout for the top (tabs and address bar) of Google Chrome to what you want for your account in Windows 7, Windows 8, or Windows 10.


EXAMPLE: Material Design UI layouts for top of Google Chrome








Here's How:

1. Open Google Chrome.

2. Copy and paste the link below into the address bar of Chrome, and press Enter.
*Arrow chrome://flags/#top-chrome-md
3. Select the UI Layout for the browser's top chrome flag setting you want in the drop down menu. (see screenshot below)

4. Click/tap on the RELAUNCH NOW button at the bottom to apply.






That's it,
Shawn


Related Tutorials

• How to Enable or Disable New Tab Page Material Design UI in Google Chrome
• How to Add or Remove Security Indicator Text for HTTPS Pages in Google Chrome
• How to Add or Remove Close Buttons on Inactive Tabs in Google Chrome
• How to Change New Tab Button Position in Google Chrome
• How to Enable or Disable Single Tab Mode in Google Chrome

:)

 

Enable or Disable New Tab Page Material Design UI in Google Chrome  

Because the flag mentioned in this tutorial doesn't affect the tabs, if you want to have the tabs with the previous design you should use this flag:

*Arrow Change Material Design UI Layout for Top of Google Chrome in Windows | Windows 10 Tutorials

 

Change Material Design UI Layout for Top of Google Chrome in Windows  

Update:

The top UI and tabs layout have now changed in the new Google Chrome 69.0.3497.81.

*Arrow Latest Google Chrome Released for Windows - Windows 10 Forums

 

Enable or Disable New Tab Page Material Design UI in Google Chrome  

I've tried this setting but it just won't work for me. I also set chrome://flags/#top-chrome-md to Normal to show tabs in the old style. Is that why the new UI isn't displaying?

 

Enable or Disable New Tab Page Material Design UI in Google Chrome  

Hello @Steve C,

I just tested with the chrome://flags/#top-chrome-md flag set to "Normal" and the New Tab Page Material Design UI flag in this tutorial set to "Default", and it's working for me.

Do you have any other flags set?

If you haven't already, see if toggling the search engine to say "Bing" and back to "Google" may help.

Change Default Search Engine in Google Chrome in Windows | Windows 10 Tutorials

 

Enable or Disable New Tab Page Material Design UI in Google Chrome  

I've just been toggling those flags on/off and I now have the old style tabs but the new UI style elsewhere.