Styling the Chrome Dev Tools

Here's a quick video showing how to style up Chrome Dev Tools using the 'INSPECTORCEPTION' method.

The file you're going to want to edit / replace can be found here:

1
~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

You can download the one above and the v2 I've done here: https://github.com/simonowendesign/SO-Dark-Monokai-v2.

Styling Chrome Dev Tools

I'd also recommend checking out:

http://www.andrespagella.com/customising-chrome-devtools

and also:

/devthemez.com (no longer online)

Edit: APR 12th, 2013

In the latest version on Chrome Canary, it looks like the images have changed, so setup https://github.com/simonowendesign/chrome-dev-tools-images to keep track of the images available.

Also added a CHANGELOG.md file to the theme, to keep track of changes: https://github.com/simonowendesign/SO-Dark-Monokai-v3/blob/master/CHANGELOG.md


Like this post? Hire Me!