loading...

customizing chrome devtools

pranay_rauthu profile image pranay rauthu ・1 min read

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.

Discussion

pic
Editor guide