Devtools Theme: Atom Dark with Green Cursor
An experimental Chrome DevTools theme with a blinking green cursor because reasons.
Before you get started
This extension uses the experimental Developer Tools Experiments within Chrome. You must enable this otherwise your theme won't work.
- Go to chrome://flags/#enable-devtools-experiments
- Locate and enable "Enable Developer Tools experiments".
- Select "Relaunch Now" at the bottom of the page (WARNING: this will restart Chrome).
- Open DevTools > Settings
- Select Experiments tab, and check 'Allow custom UI themes'.
- Select Preferences tab, and select Theme: Dark (this theme stacks well with dark).
Development
- Clone this repo:
git clone git@github.com:justinribeiro/chrome-devtools-theme-atom-dark-green-cursor.git
.
- Install dependencies:
yarn
.
- To build, run
yarn grunt
.
- In Chrome, go to
More Tools > Extentions
.
- Enable
Developer Mode
.
- Use
Load Unpacked
to point to the theme-extension
directory where you cloned the repo.
- Close and re-open DevTools to see changes.
- If you want to iterate, run
yarn grunt watch
. Make sure to reload DevTools after changes to see updates.
Acknowledgements
- The theme is based on the excellent Maurice Cruz' zero-base-themes setup.
- The color scheme is based on the excellent Marvin R' vscode-theme-dark-atom-dark-green-cursor