Skip to content
[deprecated] Yeoman Generator for Chrome DevTools Themes https://npmjs.org/generator-devtools-theme
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
README.md
package.json Improve description

README.md

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!

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

Something went wrong with that request. Please try again.