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 Copy styles.css file
test Update files expected on tests
.editorconfig Fix indentation
.gitattributes Scaffold project with @yeoman's generator-generator
.gitignore Scaffold project with @yeoman's generator-generator
.jshintrc Fix indentation
.travis.yml Scaffold project with @yeoman's generator-generator
package.json Improve description

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

Something went wrong with that request. Please try again.