Giter VIP home page Giter VIP logo

mnml-devtools-theme's People

Contributors

fammy 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mnml-devtools-theme's Issues

When out of focus in Web Inspector line-height property resets

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;
}

Brighten up selection color

When i select stuff, i can hardly see what i select because the selection color is too close to the background color. I suggest changing it to something a little brighter.

Line 10 current:
background: #888;

Line 10 new:
background: #ccc;

2013_01_29_18_16_35

CSS Selector - missing color

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:
`

-webkit-web-inspector .webkit-css-selector,

-webkit-web-inspector .styles-section .selector-matches, /* added @zaus */

-webkit-web-inspector .styles-selector {

color: #bbde57 !important;
}
`

Background of Right Panel is white (but text is for dark theme)

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

toolbar color

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?

installation on Mac

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

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.