This is an unofficial theme and can break the functionality of Chrome Developer Tools.
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.
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
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""")}"
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""")}"
curl -o ~/.config/google-chrome/Default/User\ StyleSheets/Custom.css https://raw.github.com/karelvuong/themes-for-devtools/master/chromegray/stylesheets/css/Custom.css
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.