mauricecruz / chrome-devtools-zerodarkmatrix-theme Goto Github PK
View Code? Open in Web Editor NEWA highly customized dark theme for Chrome
A highly customized dark theme for Chrome
Chrome 29 has been released
in resources and sources panels ,very hard to copy what you select..........
only me with this problem?
ps.chrome 28.0.1500.71
This should be added somewhere, it fixes the contrasting color in the network->preview tab
{
background-color: #282828 !important;
}
Small graphical bug, not causing any loss of function of the UI.
Operating system: Ubuntu 12.04LTS
Browser: Chrome Stable 28.0.1500.71
Screenshot:
Currently there is no way to know if html elements contain other elements, there should be arrow indicating that element contains other elements.
Right now I need to click on element to see if there is any children.
Same applies for resources tab, (images, stylesheets, scripts etc...)
In my desktop version I added this line of code at the beginning of the file because for readability purposes I like the line-height to be more separated:
/*--READABILITY--*/
#-webkit-web-inspector .outline-disclosure ol li,
#-webkit-web-inspector .text-editor .inner-container .webkit-line-content,
#-webkit-web-inspector .text-editor-lines .inner-container .webkit-line-number,
#-webkit-web-inspector #console-view .console-message {
line-height: 16px;
}
Sorry if there's another way of doing this that I don't know about.
Open Network pane, choose one row with page content, switch to Preview, the page is styled with light background instead of dark background like other pages.
So, two more issues ( for now ):
dropdown in console text is too dark to read
I fixed this with
color: #aaa !important;
}
Hi , I put custom.css in chrome , but the source tag for css highlight is not working, here is my screenshot:
http://i.imgur.com/WLH1tp9.png
Do I miss any step ??
this is pretty hot:
Hello, the one line terminal install's are fantastic. I tried to set up a powershell alias using Set-Alias, but failed. It would be nice to have some instruction on how to set this up. So every time chrome drops you could open powershell and run "zdm". Thanks!
similar issue as:
#39
but i'm on a MacBook Pro (10.8.5), Chrome 30.0.1599.69 (had the same problem with previous versions as well), and running a single profile.
i just pulled the latest Custom-Stable.css and pasted into:
/Library/Application Support/Google/Chrome/Default/User StyleSheets/custom.css
i use this at work on a PC and all works fine...
any guesses??
cheers,
Atg
Currently, if the dev panel is in "vertical" view (snapped to left or right of the window) when the panel is not wide enough some panel tabs are missing ( console etc...).
There should be a drop down button that indicates that there are more panels available.
Win 8. google chrome stable (26....)
There are some unstyled bits in the Network -> Headers -> Request Payload (view parsed) section.
Can be fixed like so:
#-webkit-web-inspector .resource-headers-view .console-formatted-object,
#-webkit-web-inspector .resource-headers-view .console-formatted-array {
color: #CCC !important;
}
Though you may want to do something better. : )
Select a database under Resources / WebSQL, type SQL statements on right pane, text and background have same colours, statement is not visible, I have to blind select text to make it visible. I did not test IndexedDB yet.
Thanks for the theme, love it! But where is the close button? I know, you can use shortcuts to open/close the DevTools, but sometimes it's more convenient to click the button with the mouse.
I added the css from Custom-stable.css into the specified file and saved it. I then re-started chrome but the dev tools is still loading the default styles.
I am on windows XP.
Latest version of canary seems to be ignoring your custom styling all together.
using chrome 27.0.1453.93 when dev tools first opens I can click on one of the tabs and it works but once the bounce in animation plays no tabs work at all, it's stuck on that tab completely unresponsive. Seems like an issue with the animation. I'd lose the anim personally. The theme is perfect without the gimmicky anims.
Hi;
Thanks for this great theme. I am using it on Ubuntu - Chrome dev. channel version 28.0.1485.0. One thing that I would like to change but I don't know how is that the color of blinking cursor under sources panel ( I use snippets a lot ) is not so visible. What is the name of css class for cursor color ?
Thanks
When I am trying to inspect a nested g element inside an SVG, I cannot see anything and I see a blank section.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.