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.

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.