A not so minimal theme for the Chrome Developer Tools.
CSS CoffeeScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
Custom.css updated tabbed pane .has-no-tabs colors Nov 29, 2013
Gruntfile.coffee Added Gruntfile Nov 18, 2013
README.md readme update Feb 27, 2014


NOTE: Development on and support for this theme has stopped. If you'd like to continue using/updating it feel free to fork the repository!

mnml Theme

A not so minimal theme for the Chrome Developer Tools.

Caution: Frequent use of !important as it sadly is necessary to override the Dev Tools styles.

Tested on Mac.


Just locate the User Stylesheets directory and override the Custom.css:

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

PC: C:\Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

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


Feel free to fork and customize the theme to your needs. Missing some selectors? Just navigate Chrome to chrome-devtools://devtools/devTools.css and get a detailed list of nearly all possible selectors and their default styles.

Easier customization via Grunt task (Mac)

To install grunt and dependencies

# sudo npm install -g grunt-cli
# npm install

Then to watch, compile and copy the files use

# grunt watch:mac

Theme preview

Elements view Options view