Yeoman Generator for Chrome DevTools Themes
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 2 commits behind deprecate:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

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!


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.


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