Yeoman Generator for Chrome DevTools Theme

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