Skip to content

mike-spainhower/mnml-devtools-theme

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A not so minimal theme for the Chrome Developer Tools.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 98.3%
  • CoffeeScript 1.7%