A Yeoman Generator for Chrome DevTools Theme

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.

  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!

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.

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

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

For detailed changelog, see Releases.

MIT License © Zeno Rocha