frontdevde / mnml-devtools-theme Goto Github PK
View Code? Open in Web Editor NEWA not so minimal theme for the Chrome Developer Tools.
A not so minimal theme for the Chrome Developer Tools.
there is no style change to pause button for breaking script
When you focus on web inspector, the line-height set to 16px but when you go out of focus it loses the property to the default one making the screen glitch a little.
I would add the following code after line 472 in Custom.css
#-webkit-web-inspector .outline-disclosure ol li {
line-height: 16px;
}
#-webkit-web-inspector .outline-disclosure ol li.selected {
line-height: 16px;
}
The Elements sidebar is no longer themed. See here: http://cl.ly/R1HR
Must have been caused by a Chrome update.
Just copied the raw CSS straight to my Custom.css -- everything looked fine except the CSS selectors. Finally figured out how to inspect the Inspector on Windows with CTRL+SHIFT+I
(recommend adding that to .md instructions) and discovered a slightly different selector to target it:
#-webkit-web-inspector .styles-section .selector-matches
Chrome version 23.0.1271.40 beta-m
Adding at Line 347 seems to fix it:
`
color: #bbde57 !important;
}
`
Just copied RAW content of custom.css file to the right place and what i get is everything looks cool except right panel (where the Computed Style, Styles, Metrics etc tabs are). There are white background not like on your screenshots (https://dl.dropboxusercontent.com/u/6377483/dt_theme_issue.png). Please check, maybe there are some updates needed to your theme.
Or please explain me the way to Inspect the layout of Developer Tools and to find css rules for this panel in Custom.css
Hello, Michael! I'm using KUbuntu and I have some problem with color of toolbar. When i used native theme of Chrome (or Chromium) and web inspector is docked in main window, the CSS property
#-webkit-web-inspector.compact #toolbar {
background: -webkit-linear-gradient(#555555, #333333) !important;
...
}
works fine. But when I separate inspector the color of toolbar is changing to the native theme color. Can you suggest me how to debug and catch that?
hi,
i installed on win but on mac i don't have a path like
~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
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.