Giter VIP home page Giter VIP logo

so-dark-monokai-v3's Introduction


PLEASE NOTE

As of v.33.0.1706.0, Chrome Canary no longer supports custom stylesheets in the User Stylesheets directory.

@darcyclarke filed an issue to restore this functionality. Feel free to voice your opinions there.

In the interim, @mauricecruz has a solution injecting styles through the inspector's inspector.


Zero Base Themes

I've started moving this theme across to:

https://github.com/mauricecruz/zero-base-themes

https://github.com/mauricecruz/zero-base-themes/blob/master/themes/s10wen-monokai.less


SO-Dark-Monokai-v3

A third version of the theme I tweaked, changing the toolbar icons to text and fixing an issue with the latest release of Chrome Canary.

https://github.com/simonowendesign/SO-Dark-Monokai-v3

Installation:

Automatic

Run rake to copy the files to the correct locations.

Manual

  1. Find your Chrome's user stylesheets directory:

    Mac - Finder > shift + cmd + g:

    ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/

    Mac - Terminal:

    ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/

    Windows:

    C:\Users\**Your Username**\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\

    Ubuntu (Chromium):

    ~/.config/chromium/Default/User StyleSheets/

  2. Replace the existing "Custom.css" file with this one

  3. No restart needed, changes are applied immediately

Preview:

Full size preview

Credits

IR_Dark_Monokai Designed and developed by Andres Pagella: http://www.andrespagella.com/customising-chrome-devtools

James Doyle: https://github.com/james2doyle/SO-Dark-Monokai-v3/commits/master

Ben Truyman, Todd Werth: http://blog.toddwerth.com/entries/2

Toolbar code by Harris Novick: https://gist.github.com/4316646

Inspired by Darcy Clarke's blog post: http://darcyclarke.me/design/skin-your-chrome-inspector/

Dock-To-Right when using vertical splitting: https://github.com/mauricelam/DockToRight

Automatic rake file by Rodolfo Puig: #21

so-dark-monokai-v3's People

Contributors

darvelo avatar james2doyle avatar ntwb avatar rudisimo avatar s10wen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

so-dark-monokai-v3's Issues

Tab titles ("Elements", "Resources" etc.) are invisible

Hi
Thank you for the theme, I've just installed it and to have the upper tabs visible I must delete the above style

-webkit-web-inspector #toolbar div:first-child {

display: none !important;
}

because as you can see in the screenshot I haven't the icons showed

OS: Mountain Lion
Chrome Version 30.0.1599.66 beta (it happens also on Chrome Version 30.0.1599.66)

Thank you
Best

screen shot 2013-10-02 at 09 17 49
screen shot 2013-10-02 at 09 19 11

Chrome v28 issues

Hello there,

The theme was awesome on my Chrome until version 27.XX

Today updated to version 28.0.1500.52 m (damn auto update) and various issues showed up:

  • The tabs are no longer on different places (console as first, etc) [See Image 1];
  • The + and - on ALL inspector tabs are misplaced [See Image 1];
  • Event Listeners menu is broken (both on alignment and showing broken images) when opening it for the first time (closing the down arrow and reopening "fixes", except the images) [See Image 1];
  • All right windows (like HTML and Sources) where has lists had the + (or arrow, don't remember) became a black square with white border [See Image 2 and 3];
  • The Event Listener Breakpoints (and probably others) had their font color messed (had to select text to read) [See Image 3];
  • The Headers on Network tab have black font color for values, barely readable [See Image 4].

Image 1
chrome28-1

Image 2
chrome28-2

Image 3
chrome28-3

Image 4
chrome28-4

It seems Chrome version 28 came to destroy the current theming :(
I tried apply the current theme .css again thinking was some .css file bug but seems it's the browser update.

Thanks for your time.

Best Regards,
RaphaelDDL

Chrome changes ?

This stopped worked recently for me. Has Google made changes to Chrome or is it just me?

Yellow Popup dialog

Awesome job with this. Thanks.
Do you know of any way to change the color or the text color of the yellow popup you get on hovering over in scope variables whilst in debug mode.
Currently it's a light grey and really difficult to read for my worn out eyes. Once again thanks for this.

Console arrows are black

screen shot 2013-08-29 at 11 28 14 am
Is it just me? All arrows are black, cant see where to click :(

Great theme otherwise, keep up good work!

Network Tab

Hi,
I find it really hard to view the headers in the network tab. Would someone be able to update it or point me in the right direction to fork it?
screen shot 2014-11-20 at 14 48 40

Invisible underscores, call stack

Hey, I haven't seen any search results on this so I'm wondering if it's just me.. I can't see underscores or odd-numbered functions in the call stack.

underscore

callstack

I selected that second-to-last function so you could see what I mean.. Is there anything I can do about this? Makes coding kinda like a hide-and-seek. :)

Current Debug Line Color

Hi again, hope you are well.
I have another area I'd like to change the color of.
When debugging the selected line color makes the underlying text difficult.

image

I'd have no background color and just have a strong border color.

Finding the classes is really difficult, it would be nice if we could inspect the inspector ;)
Anyways, not really an issue but I thought I'd bring it to your attention.
cheers

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.