DEV Community

pranay rauthu
pranay rauthu

Posted on

3

customizing chrome devtools

for frontend developers, devtools is as important as IDE or text editor. Personally, I change my IDE theme frequently & always try to experiment with different fonts. Chrome devtools offer two themes(light & dark). you can try different devtools themes from chrome webstore.

One of the annoying things to me about chrome devtools is it doesn't allow you to change devtools font. Luckily we can override it with extensions. I have created an extension for customizing devtools fonts.

To use above mentioned extensions. you need to follow below steps.

  • Navigate to chrome://flags and enable Developer Tools Experiments
  • Enable Allow custom UI themes in Experiments tab of chrome devtools settings.

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (0)

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay