Skip to content
[deprecated] Yeoman Generator for Chrome DevTools Themes
JavaScript CSS HTML
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
app
test
.editorconfig
.gitattributes
.gitignore
.jshintrc
.travis.yml
README.md
package.json

README.md

Yeoman Generator for Chrome DevTools Theme Build Status

Chrome + Yeoman

A Yeoman Generator that provides a functional boilerplate to easily create custom Chrome DevTools Themes via Chrome Extensions.

More info at Chromium Issue #318566.

Getting started

  1. Install using NPM:

    $ [sudo] npm install -g generator-devtools-theme
  2. Scaffold your new project:

    $ yo devtools-theme
  3. Start writing your custom Chrome DevTools Theme.

  4. Publish it on Chrome Web Store!

Usage

Attention: The ability of using custom Chrome DevTools Themes is only available in Chrome Canary for now.

  1. Enable DevTools experiments in chrome://flags/#enable-devtools-experiments.
  2. Open DevTools > Settings > Experiments > Allow UI themes.

Now you are able to use any custom Chrome DevTools Theme via Chrome Extension.

Structure

The basic structure of the project is given in the following way.

.
├── .editorconfig
├── devtools.html
├── devtools.js
└── styles.css

History

For detailed changelog, see Releases.

License

MIT License © Zeno Rocha

Something went wrong with that request. Please try again.