Header Banner
gadgethacks.mark.png
Gadget Hacks Shop Apple Guides Android Guides iPhone Guides Mac Guides Pixel Guides Samsung Guides Tweaks & Hacks Privacy & Security Productivity Hacks Movies & TV Smartphone Gaming Music & Audio Travel Tips Videography Tips Chat Apps
Home
Android

Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar

Apr 19, 2018 09:42 PM
Apr 26, 2018 09:57 PM
Two smartphones displaying the Gadget Tracks website.

Google's been using their "Material Design" look in Android for years now, but a change is coming up with "Material Design 2," their updated version focusing on new colors, icons, and spacing. Whether it'll be called "Material Design 2" or not remains to be seen, but you can try it out right now in Google Chrome on your Android device right now.

The new user interface design is being referred to as "Modern Design" right now inside Chrome, and it features rounded corners for certain elements such as the URL bar and icons, the status bar blends in perfectly with the current webpage's color, and there's a slightly revamped tab switcher.

You can expect this look to be pushed out to the stable version of Chrome sometime in the near future as the default look, but until then, you can unlock it right now on Android phones and tablets.

Previously, you had to install the beta, developer, or canary version of Chrome in order to unlock this feature, but the stable version of Chrome can now access it too — just make sure your Chrome version is 66.0 and higher. If you're still running a 65.0 build of Chrome, you'll need the beta, dev, or canary version instead.

Enable the Hidden Flag

Open up Chrome on your smartphone, then find the "Chrome Modern Design" option in Chrome's flags menu. You can reach the flags menu by going to chrome://flags in the URL bar, then you can search for "Chrome Modern Design" from there. Alternatively, you can just go directly to the right flag with chrome://flags/#enable-chrome-modern-design. Under the option, tap on the drop-down menu that says "Default," then select "Enabled."

Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar
Settings menu with options for photo default settings: Default, Enabled, Disabled.
Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar
Settings menu with options for photo default settings: Default, Enabled, Disabled.

Relaunch Chrome (Twice)

Afterward, tap on "Relaunch Now." After relaunching Chrome, you might not notice a change right away, and that's because this tweak actually requires you to restart Chrome twice. So close out Chrome from your app switcher, then open it back up, and you should see the new look right.

Message prompting user to relaunch Google Chrome for changes to take effect.

Because this is currently in the Beta channel, you can expect it to roll out to the stable version of Chrome in the near future. Keep in mind that if you have a variety of non-stable channels installed on your Android phone, you'll need to enable the look for each if you want.

What Changes to Look Out For

To give you an idea of what you'll be getting with the new "Modern Design" or "Material Design 2" look in Chrome, here's what a webpage looks like with and without it enabled. You can see the status bar is the same color as the page's color now, the URL bar is rounded, and the tab icon is also rounded.

Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar

Before applying the Material Design 2 look (left) and after (right).

Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar
Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar

Before applying the Material Design 2 look (left) and after (right).

Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar

As for the tab switcher, it now has a white background (that also blends in with the status bar) instead of black, and the tabs button is rounded, just like as above.

Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar

Before applying the Material Design 2 look (left) and after (right).

Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar
Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar

Before applying the Material Design 2 look (left) and after (right).

Google Chrome 101: How to Unlock the Material Design 2 User Interface with Round Icons & Blended Status Bar

They aren't huge changes to the UI, but the changes are just enough to keep me happy. I actually hope this will be becoming the default look sooner rather than later, but only time will tell.

Cover image and screenshots by Brian Lang/Gadget Hacks

The next big software update for iPhone is coming sometime in April and will include a Food section in Apple News+, an easy-to-miss new Ambient Music app, Priority Notifications thanks to Apple Intelligence, and updates to apps like Mail, Photos, Podcasts, and Safari. See what else is coming to your iPhone with the iOS 18.4 update.

Related Articles

Comments

No Comments Exist

Be the first, drop a comment!