generator-devtools-theme

KO | EN

gitlite — search

#javascript #react #llm #go #golang #android #rust #linux #docker #macos #awesome #pytorch #security #open-source

generator-devtools-theme

(★ 54)

[deprecated] Yeoman Generator for Chrome DevTools Themes

File Explorer

Download Latest Version (.zip)

- - _manifest.json
  - devtools.html
  - devtools.js
  - editorconfig
  - styles.css
- index.js
- test-creation.js
- test-load.js
.editorconfig
.gitattributes
.gitignore
.jshintrc
.travis.yml
package.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Yeoman Generator for Chrome DevTools Theme [![Build Status](https://secure.travis-ci.org/deprecate/generator-devtools-theme.png?branch=master)](https://travis-ci.org/deprecate/generator-devtools-theme)

![Chrome + Yeoman](https://cloud.githubusercontent.com/assets/398893/3528084/997c7862-078b-11e4-9625-abb02d039f83.png)

> A Yeoman Generator that provides a functional boilerplate to easily create
> custom Chrome DevTools Themes via Chrome Extensions.
>
> More info at [Chromium Issue #318566](https://code.google.com/p/chromium/issues/detail?id=318566).

## Getting started

1. Install using NPM:

```sh
    $ [sudo] npm install -g generator-devtools-theme
    ```

2. Scaffold your new project:

```sh
    $ yo devtools-theme
    ```

3. Start writing your custom Chrome DevTools Theme.
4. Publish it on [Chrome Web Store](https://chrome.google.com/webstore/)!

## Usage

**Attention:** The ability of using custom Chrome DevTools Themes is only
available in [Chrome Canary](https://www.google.com/intl/en/chrome/browser/canary.html) 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](https://github.com/deprecate/generator-devtools-theme/releases).

## License

generator-devtools-theme

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

generator-devtools-theme

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README