Skip to content

Latest commit

 

History

History
42 lines (25 loc) · 1.35 KB

README.md

File metadata and controls

42 lines (25 loc) · 1.35 KB

mnml Theme

A not so minimal theme for the Chrome Developer Tools.
Modifies Elements and Console view, other views are on the way.

Tested on Mac.

Installation

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

Customization

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.

Grunt

Using grunt will allow you to instantly see changes in Chrome dev tools while you are editing the LESS file.

Install

Install grunt and dependencies

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

Use

To watch for changes then recompile and copy to the correct directory

# grunt watch:mac

If you just want a one-off build

# grunt less copy:mac

Screenshots

Screenshot Screenshot1