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

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

    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
    Published by Category: Browsers & Email
    12 Sep 2019
    Designer Media Ltd

    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
    Change Material Design UI Layout for Top of Google Chrome in Windows-chrome_refresh.jpg Change Material Design UI Layout for Top of Google Chrome in Windows-chrome_touchable_refresh.jpg



    Here's How:

    1. Open Google Chrome.

    2. Copy and paste the link below into the address bar of Chrome, and press Enter.

    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.

    Change Material Design UI Layout for Top of Google Chrome in Windows-ui_layout_for_top_of_chrome.jpg


    That's it,
    Shawn






  1. Posts : 17,838
    Windows 10
       #1

    I appreciate how Touchable/Refresh puts the user badge on the Toolbar, where it belongs!
    Always looked out of place on the Header!
      My Computer


  2. Posts : 68,935
    64-bit Windows 11 Pro for Workstations
    Thread Starter
       #2

    Update:

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

    Latest Google Chrome Released for Windows - Windows 10 Forums
      My Computers


 

Tutorial Categories

Change Material Design UI Layout for Top of Google Chrome in Windows Tutorial Index Network & Sharing Instalation and Upgrade Browsers and Email General Tips Gaming Customization Apps and Features Virtualization BSOD System Security User Accounts Hardware and Drivers Updates and Activation Backup and Restore Performance and Maintenance Mixed Reality Phone


  Related Discussions
Our Sites
Site Links
About Us
Windows 10 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 10" and related materials are trademarks of Microsoft Corp.

© Designer Media Ltd
All times are GMT -5. The time now is 22:38.
Find Us




Windows 10 Forums