Skinning the Chrome Developer Tools Revisited - 11+ themes now available

Back in 2011, +Darcy Clarke  wrote a kick-ass post about how to skin the Chrome Developer Tools with your own custom stylesheet. The basic idea was to locate Chrome's user stylesheet directory then drop-in your own Custom.css file.

A few of you wrote in after noticing our custom-themed DevTools on the Breakpoint, so I thought I'd remind you about Darcy's post (http://darcyclarke.me/design/skin-your-chrome-inspector/) and share a whole bunch of themes written over the past year. Some of them include further theming to the console, icons and other panels.

DevTools Themes:

* MNML Theme: https://github.com/frontdevDE/mnml-devtools-theme 
(pictured. also themes Elements panel, headers/bars, console and more.) by +Michael P. Pfeiffer 
* Monokai Dark: https://gist.github.com/bc12d6bb85ffb96042e8 (also pictured)
* Tomorrow Theme: https://gist.github.com/1163300 (one of many by the awesome +Benjamin Truyman)
* IR_Black Theme: https://gist.github.com/1150520
(and with sidebar colors: https://gist.github.com/1245727)
* Solarized Dark https://gist.github.com/2174604 by +François Robichet 
* Ruby Blue: https://github.com/chrisbateman/ChromeDevToolsTheme-RubyBlue/
* Expresso: https://gist.github.com/1207219
* Inversion: https://github.com/mohsen1/Chrome-Dev-tools-dark-theme
* Dark Theme: https://github.com/xajler/chrome-devtools-dark-theme
* Dark Dev: https://github.com/simonsmith/DarkDev
* WebLight Theme: https://gist.github.com/1325072

Some tips:
* You can tweak your skin for the DevTools using the DevTools themselves by undocking them then hitting Ctrl-Alt-i or Cmd+alt+i on Mac. DevToolsCeption!
* We expose the classes/IDs you can theme via chrome-devtools:devtools/devTools.css

Disclaimer:
Please note: custom themes are unofficial and may potentially break existing DevTools functionality. As always, if you encounter bugs with the DevTools, please report them via crbug.com, but disable the theme and test again, first. ;)
Photo
Shared publiclyView activity