How to customize Chrome Developer Tools?

Some tricks to develop quicker
Some tricks to develop quicker

I spend most of my programming time within Visual Studio and I never liked the white theme that came out of the box. Same is with the Chrome Developer Tools. I use Dark theme for Visual Studio and want something similar for Chrome as well lasix pills 40mg.

In version 32, custom.css was removed from Chrome. I’ll be using an theme extension to setup a custom theme. The old way was to play with a local css file that you can rely on or add your own files.

There are many extensions which can help you to have this customization. For my purpose, I’m going to use DevTools Theme: Zero Dark Matrix. Click on the link and install it to add it to Chrome.

Follow the steps below:

  • You need to enable a feature by navigating to chrome://flags/#enable-devtools-experiments.
  • Once enabled, restart chrome.
  • Open Developer Tools and select Settings or gear icon at top right corner.
  • You should see an Experiments tab there, now enable Allow Custom User Themes.
  • Reload Developer Tools and you should now have the extension theme enabled.

See it was that easy to have a dark theme. However, if you want to create your own custom style, you will need to create your own extension. You could of course also just change the installed extension stylesheet, but you might want to check the licensing for whether it’s allowed or not!

 

Siddharth Pandey

Siddharth Pandey is a Software Engineer with thorough hands-on commercial experience & exposure to building enterprise applications using Agile methodologies. Siddharth specializes in building, managing on-premise, cloud based real-time standard, single page web applications (SPAs). He has successfully delivered applications in health-care, finance, insurance, e-commerce sectors for major brands in the UK. Other than programming, he also has experience of managing teams, trainer, actively contributing to the IT community by sharing his knowledge using Stack Overflow, personal website & video tutorials.

You may also like...

Advertisment ad adsense adlogger