Setting Black Theme to Chrome Developer Tool

Hi Friends,

In this section, I’ll show you little trick to setup black theme to Chrome Developer Theme. Frankly speaking I am not a big fan of Visual Studio default white theme. Whether, I’m using VS or Webstorm or Code, I prefer to have black theme as my default one. I was wondering, if the same thing I could achieve with my favorite browser as well.

All you need to do is install DevTools Theme: Zero Dark Matrix in chrome and then follow the below steps.

219th

Here, it’s showing added to chrome because I already installed the same. In your case, it will show available. After installing the same, you need to follow the below mentioned steps.

Go to

chrome://flags/#enable-devtools-experiments

And enable

Enable Developer Tools Experience

220th

As you can see in the above screenshot, I have already enabled the same.

Close chrome, and open again

Open Dev tools (F12, or Settings-Dev Tools) and select Settings

You should see an Experiments tab there, enable Allow Custom User Themes

221th

Now, just close the browser and launch again and reload Dev Tool, it should take effect like shown below.

218th

I hope, you would have liked this little cool trick to enable the dark theme in chrome browser. Thanks for Joining me.

Thanks,
Rahul Sahay
Happy Coding

Thanks, Rahul Happy Coding