Yeoman Generator for Chrome DevTools Theme

A Yeoman generator that provides a functional boilerplate to easily create 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 Chrome DevTools Theme.

4. Publish it on Chrome Web Store!

Usage

Attention: This feature 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 install/use any 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