Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

frontdevde/mnml-devtools-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

71 Commits

Repository files navigation

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.

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.

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

About

A not so minimal theme for the Chrome Developer Tools.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle によって変換されたページ (->オリジナル) /