brandenbyers / chrome-dev-solarized-dark

Chrome Developer Tools Custom Theme

Solarized Dark

Based on the color scheme from http://ethanschoonover.com/solarized

Instalation

1. Find your Chrome's user stylesheets directory:

Mac - Finder > shift + cmd + g:

~/Library/Application Support/Google/Chrome/Default/User StyleSheets/

Mac - Terminal:

cd ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/

Windows:

C:\Users\**Your Username**\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\

Ubuntu (Chromium):

~/.config/chromium/Default/User StyleSheets/

Next, just replace the existing "Custom.css" file with this one. No restart needed, changes are applied immediately.

Preview

Making changes

You'll need grunt, node, npm and compass to make changes to the source files. Once these are installed on your system, you have the following grunt tasks at your disposal:

Compile scss to css, with line comments.

grunt

Compile scss to css, compressed and no line comments.

grunt build

If you want to make changes to the source files and have them be applied instantly for the Dev tools, you can alwasy clone the repo in the User StyleSheets directory, or symlink the Custom.css file from the repo. To do this:

1. Close Chrome
2. Delete the Custom.css file inside the User StyleSheets directory.
3. Symlink

cd ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/
ln -s {/path/to/your/local/repo/Custom.css} Custom.css