Skip to content
greybeard is a fork of the so-dark-monokai theme for chrome developer tools with an added dark, flat ui
Branch: master
Clone or download
Pull request Compare This branch is 19 commits ahead of s10wen:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
Custom.css
README.md
devtools.html
devtools.js
icon-large.png
icon128.png
icon16.png
icon48.png
manifest.json
preview1.png
preview2.png
preview3.png

README.md

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: https://github.com/simonowendesign/SO-Dark-Monokai-v3/pull/21

You can’t perform that action at this time.