July 30, 2018

How to enable Chrome’s new Material Design


Enabling Chrome’s Material Design on Android

Just to mention briefly that there are relevant flags for Android users as well, they’re just called Modern Design instead of Material Design. Specifically, you would need to visit chrome://flags/#top-chrome-md in Chrome for Android, then change the following flags:
chrome://flags/#enable-chrome-modern-design
chrome://flags/#ntp-modern-layout
Restart Chrome to enjoy your new Material Design look.
So, boys and girls, how do you like Chrome’s Material Design dressing?
Let us know by leaving a comment below!

Enabling Material Design in Chrome for iOS

To enable the new Material Design refresh in Chrome for iPhone and iPad, do the following:

1) Open Chrome 68 or later on your iOS device.
2) Tap the URL bar, then type in this URL:
chrome://flags/#top-chrome-md
3) Tap next to “UI Refresh Phase 1” and choose Enabled from the popup menu.


4) Tap the left arrow in the top-left corner.
5) Restart Chrome: double-click the Home button to invoke the app switcher or swipe up from the bottom edge of your iPhone X display and pause, then swipe up on Chrome’s thumbnail.
6) Relaunch Chrome for the changes to take effect.
I’m especially fond of the new search button at the bottom.




Older versions didn’t have a dedicated search button at all. Instead, you had to tap the URL bar to start searching at any time. With the navigation controls lined up alongside the bottom, I can now start searching or enter a URL quickly, even on Plus-sized phones.



As you can see for yourself, most of the lesser-used shortcuts—such as settings, requesting a desktop site, accessing your recent tabs, bookmarks or history, and more—are now way easier to reach with one hand via a three-dotted menu at the bottom.
Watch the preview here 

Enabling Material Design in Chrome for Mac

To activate the Material Design changes in Chrome for desktop, do the following:
1) Launch Chrome 68 or later on your computer.
2) Click the URL bar then navigate to the following URL:
chrome://flags/#top-chrome-md
3) Firstly, click the menu next to “UI Layout for the browser’s top chrome” and then choose the option labeled Refresh from the popup menu.


4) Next, click the URL bar and navigate to the following URL:
chrome://flags/#views-browser-windows
5) Lastly, click the menu next to “Use Views browser windows instead of Cocoa” and choose the option labeled Enabled from the popup menu.

  
6) Restart your Google browser to see the changes.