Giter VIP home page Giter VIP logo

greybeard-devtools's Introduction

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

greybeard-devtools's People

Contributors

darvelo avatar james2doyle avatar my8bit avatar ntwb avatar rudisimo avatar s10wen avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.