Skip to content

Instantly share code, notes, and snippets.

@dougwaldron
Created August 17, 2011 16:28
Show Gist options
  • Save dougwaldron/1151942 to your computer and use it in GitHub Desktop.
Save dougwaldron/1151942 to your computer and use it in GitHub Desktop.
More Chrome Inspector CSS
/* Additional styles for Chrome Inspector; should be used with
http://darcyclarke.me/design/skin-your-chrome-inspector/
and
http://dpaste.com/hold/595890/
*/
#elements-content li.hovered:not(.selected) .selection {
/* hover color */
background: rgba(255, 255, 255, .2) !important;
}
#elements-content .selection.selected {
/* selection color */
background: #32354C !important;
/* This brings selected line above background color
(original z-index was -1 and no bg color was set) */
z-index: 0 !important;
}
#elements-content ol:focus li.selected .selection {
/* selection color when window is not focused */
background: #3F4360 !important;
}
#elements-content .selected .highlight {
/* This brings text above selection color
(originally, selection color was pushed back
to -1; see above) */
position: relative;
z-index: 2;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment