sevenfoxes / chromegray--dark

A theme for Chrome Developer Tools based on @kkga's Spacegray.

Chromegray

This is an unofficial theme and can break the functionality of Chrome Developer Tools.

Installation

You may install Chromegray using two methods. The first makes use of grunt and the second slightly lazier version will simply copy the compiled Custom.css file into your User StyleSheets directory. I would not recommend the second as the .css file may or may not be up to date.

Mac

curl -o ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css https://raw.github.com/karelvuong/themes-for-devtools/master/chromegray/stylesheets/css/Custom.css

PC (Windows Vista / 7 / 8)

powershell -Command "& {(new-object System.Net.WebClient).DownloadFile(""https://raw.github.com/karelvuong/themes-for-devtools/master/chromegray/stylesheets/css/Custom.css""","""$env:APPDATA\..\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css""")}"

PC (Windows XP)

powershell -Command "& {(new-object System.Net.WebClient).DownloadFile(""https://raw.github.com/karelvuong/themes-for-devtools/master/chromegray/stylesheets/css/Custom.css""","""$env:APPDATA\Google\Chrome\User Data\Default\User StyleSheets\Custom.css""")}"

Fedora:

curl -o ~/.config/google-chrome/Default/User\ StyleSheets/Custom.css https://raw.github.com/karelvuong/themes-for-devtools/master/chromegray/stylesheets/css/Custom.css

Credits

Thanks to:

• Zero Dark Matrix by @mauricecruz which was used as a starting point.
• Spacegray by @kkga for the theme that was used as inspiration for this.
• base16 Ocean by @chriskempson for the syntax highlighting colour scheme.