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
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.
Chrome 29 has been released
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:
dropdown in console text is too dark to read
I fixed this with
color: #aaa !important;
}
this is pretty hot:
This should be added somewhere, it fixes the contrasting color in the network->preview tab
{
background-color: #282828 !important;
}
in resources and sources panels ,very hard to copy what you select..........
only me with this problem?
ps.chrome 28.0.1500.71
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
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.
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. : )
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
So, two more issues ( for now ):
When I am trying to inspect a nested g element inside an SVG, I cannot see anything and I see a blank section.
Latest version of canary seems to be ignoring your custom styling all together.
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.
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...)
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.
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....)
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 ??
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!
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.
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.
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.