https://github.com/simonsmith/darkdev

A theme for Chrome Developer Tools
https://github.com/simonsmith/darkdev

Last synced: 3 months ago
JSON representation

A theme for Chrome Developer Tools

• Host: GitHub
• URL: https://github.com/simonsmith/darkdev
• Owner: simonsmith
• Created: 2012-08-20T23:30:50.000Z (almost 14 years ago)
• Default Branch: master
• Last Pushed: 2013-11-21T16:29:13.000Z (over 12 years ago)
• Last Synced: 2024-10-18T08:36:44.633Z (over 1 year ago)
• Language: CSS
• Size: 313 KB
• Stars: 22
• Watchers: 6
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# DarkDev

A dark theme for Chrome Developer Tools loosely inspired by Pastels on Dark. Modifies the source code (elements, resources), Console and other smaller tweaks.

Tested on PC and Mac.

Have plans to convert the other panes at some point.

Let me know if you find issues with it

## Installation 

Simply override `Custom.css` in the `User Stylesheets` directory:

**Mac:** `~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css`

**Mac (Canary):** `~/Library/Application\ Support/Google/Chrome\ Canary/Default/User\ StyleSheets/Custom.css`

**PC:** `C:\Users\YourUsername\AppData\Local\Google\Chrome\UserData\Default\User StyleSheets\Custom.css`

**PC (Canary):** `C:\Users\YourUsername\AppData\Local\Google\Chrome SxS\UserData\Default\User StyleSheets\Custom.css`

**Ubuntu (Chromium):** `~/.config/chromium/Default/User StyleSheets/Custom.css`

## Screenshots

![Console view](https://raw.github.com/simonsmith/DarkDev/master/img/console.jpg)

![Elements view](https://raw.github.com/simonsmith/DarkDev/master/img/elements.jpg)

## More themes

* [Skin your Chrome Inspector](http://darcyclarke.me/design/skin-your-chrome-inspector/)

* [IR Black Theme](https://gist.github.com/1150520)

* [Dark Theme](http://www.learnaholic.me/2012/04/01/the-dark-theme-for-chrome-dev-tools/)