Skip to content
Chrome Developer Tools Custom Theme
CSS
Pull request Compare This branch is 92 commits behind s10wen:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.gitignore
Custom.css
README.md

README.md

SO-Dark-Monokai-v3

A third version of the theme I tweaked, changing the toolbar icons to text and fixing an issue with the latest release of Chrome Canary.

https://github.com/simonowendesign/SO-Dark-Monokai-v3

Installation:

  1. Find your Chrome's user stylesheets directory:

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

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

    Ubuntu (Chromium): ~/.config/chromium/Default/User StyleSheets/

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

  3. No restart needed, changes are applied immediately

Preview:

Full size preview

Credits

Taken from the below and tweaked by Simon Owen (@simonowendesign)

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

Based on Ben Truyman's IR_Black which is... Based on Todd Werth's IR_Black: http://blog.toddwerth.com/entries/2

With some toolbar code from Harris Novick: https://gist.github.com/4316646

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

Something went wrong with that request. Please try again.