Chrome Developer Tools Custom Theme
Switch branches/tags
Nothing to show
Clone or download
Latest commit 1b32671 Feb 24, 2014
Type Name Latest commit message Commit time
Failed to load latest commit information.
Canary Tidy up formatting Nov 7, 2013
.editorconfig Added .editorconfig file. Jan 12, 2013
.gitignore Copying files from v2 Dec 18, 2012 v3.0.6 Oct 21, 2013 Added 'Contributing'. Mar 29, 2013
Custom.css Update from zero-base-themes Feb 2, 2014 Update markdown spacing Feb 24, 2014
Rakefile Raking Canary's in Windows Oct 17, 2013


As of v.33.0.1706.0, Chrome Canary no longer supports custom stylesheets in the User Stylesheets directory.

@darcyclarke filed an issue to restore this functionality. Feel free to voice your opinions there.

In the interim, @mauricecruz has a solution injecting styles through the inspector's inspector.

Zero Base Themes

I've started moving this theme across to:


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.



Run rake to copy the files to the correct locations.


  1. Find your 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/


    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


Full size preview


IR_Dark_Monokai Designed and developed by Andres Pagella:

James Doyle:

Ben Truyman, Todd Werth:

Toolbar code by Harris Novick:

Inspired by Darcy Clarke's blog post:

Dock-To-Right when using vertical splitting:

Automatic rake file by Rodolfo Puig: