How To Apply New Material Design On Google Chrome

How To Apply New Material Design On Google Chrome

Google has always been a responsible father to their browser, Google Chrome. It has always created something new and changed the background processes to speed up the functionality of Google Chrome. Earlier this month, Google again took up some measures and released a new version of Chrome that is Google Chrome 68, which comes with many updates and several hidden features as well.

The list of features also has a new material design for Google Chrome. Not only this there many other hidden features such as UI layout, font color and many other customizing features. But, these features can only be implemented if user is aware of the process.

So, today in this article, we’ll be talking about one of the feature that is material design and how to enable Chrome’s new material design on Windows.

But, to start with the process first you need to update Google Chrome. For this,

  1. Open Google Chrome.
  2. Now tap on the button and select ‘Help’.
  3. From Help, choose About Google Chrome.

Here, you’ll get to know the current version running on Google Chrome. And if your Google Chrome isn’t updated to latest version then the update will start automatically.
google chrome-3

  1. Once it is updated, you will see that it is updated to Google Chrome 68, and tap on the ‘RELAUNCH’ button to install the update.
    google chrome-4
Also Read:-

How To Enable Chrome’s New Material Design On Windows

Follow the steps given below to enable new material design for Google Chrome on Windows:

  1. Open Google Chrome.
  2. Type ‘chrome://flags/#top-chrome-md’ in the URL box and press Enter.
  3. On this page, look at the first available feature that is ‘UI Layout for the browser’s top chrome’, and tap on the box given on right side of the heading.
    Enable Chrome’s New Material Design On Windows-3
  4. Now, from the drop-down menu choose ‘Refresh’.
    Enable Chrome’s New Material Design On Windows-4

Once the process is done, press the ‘RELAUNCH NOW’ button given at the bottom of the screen.
Enable Chrome’s New Material Design On Windows-4-1

Also Read:-
How To Enable Night Light In Chrome OSNight light feature lets you work on your Chromebooks without stressing your eyes. Simply follow the article and enjoy working...

Now, you can notice that the UI layout is changed and updated. But, you might notice that the screen appears with yellow tint like some filter has been applied to it.

Don’t worry! It isn’t much of a big problem. This can be fixed. Follow the steps given below to fix the yellowish screen after the material design update:

  1. Navigate to URL box and type ‘chrome://flags/#force-color-profile’.
  2. Here, look at the second available feature that is ‘Force color profile’, and tap on the box given on right side of the heading.
    the google chrome-1
  3. Now, from the drop-down menu choose ‘sRGB’.
    the google chrome-3
Also Read:-
How to Fix ERR_SSL_PROTOCOL_ERROR in Google ChromeGetting error ERR_SSL_PROTOCOL_ERROR while visiting some website in Google Chrome! All you know about why chrome is showing net ERR_SSL_PROTOCOL_ERROR...

Once the process is done, press the ‘RELAUNCH NOW’ button given at the bottom of the screen. After this, you will observe that the issue has been fixed and yellow tint doesn’t appear anymore.

There are not many major changes in UI, but it definitely gives a new fresh look and design to Google Chrome.

So, this was it guys! This is the step by step guide for how to setup new material design on Google Chrome. Make sure you follow all the steps correctly. To set back the layout to default click on the default button from the drop-down menu given in front of the features.

If you found this helpful, please let us know what changes you notice once you have applied the changes in the comment box given.

Anuj is a content writer for Systweak and being from an engineering background, likes to get more in-depth with technology and gadgets. He likes playing video games and reading in his free time.

Show your support

Clapping shows how much you appreciated Anuj Jain story.

0 thought on “How To Apply New Material Design On Google Chrome”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.