/greybeard-devtools

greybeard is a fork of the so-dark-monokai theme for chrome developer tools with an added dark, flat ui

Primary LanguageCSS

greybeard devtools

greybeard devtools screenshot greybeard devtools screenshot

greybeard is a fork of SO-Dark-Monokai-v3 chrome developer tools theme. ui elements have been updated to match the greybeard sublime text theme.

automated installation:

chrome webstore

free to download and install via the chrome webstore

after installing you need to enable custom themes:

  • navigate to chrome://flags/
  • enable Developer Tools experiments
  • reload chrome
  • open devtools
  • click settings > experiments
  • click allow custom ui themes
  • reload devtools for theme to fully apply

manual installation:

as of chrome / chromium version 32 devtools themes are deprecated :( but, there is a work around.

version 33+

  1. clone this repo somewhere

  2. in chrome, open chrome://extensions

  3. select "Developer mode"

  4. click on "Load unpacked extension"

  5. select this directory

  6. optionally restart (required for some systems)

version 32

read this and follow the directions: http://stackoverflow.com/questions/17042547/how-to-inject-javascript-into-chrome-devtools-itself/17044405#17044405

version > 31

  1. find chrome's user stylesheets directory:

    mac - Finder > shift + cmd + g:

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

    mac - terminal:

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

    windows:

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

    linux (chromium / goole chrome):

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

    or

    ~/.config/google-chrome/Default/User StyleSheets/

  2. replace the existing "Custom.css" file with this one

  3. no restart needed, changes are applied immediately, which is awesome! so hack away!

sublime

greybeard also available for as a matching sublime text 2 theme.

greybeard devtools and sublime screenshot

credits

greybeard xero harrison https://github.com/xero/greybeard-devtools

SO-Dark-Monokai-v3 simon owen https://github.com/s10wen/SO-Dark-Monokai-v3

IR_Dark_Monokai Designed and developed by Andres Pagella: http://www.andrespagella.com/customising-chrome-devtools

James Doyle: https://github.com/james2doyle/SO-Dark-Monokai-v3/commits/master

Ben Truyman, Todd Werth: http://blog.toddwerth.com/entries/2

Toolbar code by Harris Novick: https://gist.github.com/4316646

Inspired by Darcy Clarke's blog post: http://darcyclarke.me/design/skin-your-chrome-inspector/

Dock-To-Right when using vertical splitting: https://github.com/mauricelam/DockToRight

Automatic rake file by Rodolfo Puig: s10wen#21