Tableless

Busca Menu

Tunando o Developer Tools do Google Chrome

Seja o primeiro a comentar por

Uma coisa muito comum entre os programadores é a vontade de customizar as coisas. Trocar o syntax highlight do seu editor de código preferido é uma coisa muito comum e legal de se fazer, já que você passa o dia inteiro olhando para aquilo, é bom ver algo que goste.

Só que outra coisa que também passamos muito tempo do nosso dia é o Developer Tools dos nossos navegadores, seja o Firebug no Firefox, Dragonfly no Opera ou o do próprio Chrome. Já pensou se pudéssemos bagunçar eles também?

Hoje vou ensinar como fazer isso muito rapidamente no Developer Tools do Google Chrome!

[youtube http://www.youtube.com/watch?v=Mu6nnPN7W_s&w=560&h=420]

1 – Escolha o tema que mais lhe agrada:

Você também pode criar seu próprio tema, para isso na cole essa URL na barra de endereço: chrome-devtools://devtools/devTools.css.

Esse é o CSS padrão, modifique-o à vontade!

2 – Depois vá até o seguinte diretório:

Windows: “C:\Users\**SeuUsuario**\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\”
Mac: “~/Library/Application Support/Google/Chrome/Default/User StyleSheets/”
Linux: “~/.config/chrome/Default/User StyleSheets/”

3 – E modifique o Custom.css!

Copiando e colando o conteúdo do CSS escolhido nesse arquivo. Depois é só voltar para seu navegador e ser feliz!

Referência: Addy Osmani no Google+

Publicado no dia