Skip to content

Instantly share code, notes, and snippets.

@siffring
Last active December 16, 2015 12:48
Show Gist options
  • Save siffring/5436763 to your computer and use it in GitHub Desktop.
Save siffring/5436763 to your computer and use it in GitHub Desktop.
Google Chrome Inspector Stylesheet
/*
* This stylesheet overrides the display of code in the Chrome Inspector.
* Put it here: ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css
*/
/**********************************************/
/*
/* Darker Skin by Darcy Clarke - 2011
/*
/* Based on Joe Bergantine's Specials Board:
/* http://joebergantine.com/werkstatt/seestyle
/*
/**********************************************/
/**********************************************/
/* Further tweaked by Matthew Lein
/**********************************************/
/**********************************************/
/* Layout
/**********************************************/
#elements-content.source-code {
background: #242537;
font-size: 12px !important;
}
#elements-content .highlight {
color: blue;
}
#elements-content .selection {
}
#elements-content .selection.selected {
}
#elements-content .parent {
}
/*.outline-disclosure ol:focus li.parent.expanded.selected::before*/
#elements-content .outline-disclosure li.parent::before,
#elements-content .outline-disclosure ol:focus li.parent.expanded.selected::before {
/*content: '' !important;*/
}
#elements-content .selected {
background: rgba(150,146,65,0.5);
}
#elements-content .parent.expanded {
}
#elements-content .parent.selected {
}
/**********************************************/
/* HTML
/**********************************************/
#elements-content .webkit-html-comment {
color: #8c8c8c !important;
}
#elements-content .webkit-html-doctype {
}
#elements-content .webkit-html-tag {
color: #ffc97c !important;
}
#elements-content .webkit-html-tag-name {
}
#elements-content .webkit-html-attribute {
}
#elements-content .webkit-html-attribute-name {
color: #d97640 !important;
}
#elements-content .webkit-html-attribute-value {
color: #abca7e !important;
}
#elements-content .webkit-html-external-link {
}
#elements-content .webkit-html-resource-link {
color: #00b8ee !important;
}
#elements-content .webkit-html-text-tag {
}
#elements-content .webkit-html-text-node {
color: #c2c3c3 !important;
}
#elements-content .webkit-html-css-node {
color: #c2c3c3 !important;
}
#elements-content .webkit-html-js-node {
color: #c2c3c3 !important;
}
/**********************************************/
/* CSS
/**********************************************/
#elements-content .webkit-css-comment {
}
#elements-content .webkit-css-url {
}
#elements-content .webkit-css-color {
}
#elements-content .webkit-css-selector {
}
#elements-content .webkit-css-property {
}
#elements-content .webkit-css-number {
}
#elements-content .webkit-css-keyword {
}
#elements-content .webkit-css-string {
}
#elements-content .webkit-css-important {
}
/**********************************************/
/* JavaScript
/**********************************************/
#elements-content .webkit-javascript-comment {
}
#elements-content .webkit-javascript-keyword {
color: #d97640 !important;
}
#elements-content .webkit-javascript-ident {
color: #d97640 !important;
}
#elements-content .webkit-javascript-string {
}
#elements-content .webkit-javascript-number {
}
#elements-content .webkit-javascript-regexp {
}
#elements-content ::selection {
background: slategray;
color: #fff;
text-shadow: none;
}
/* slightly larger indentation for properties */
.styles-section .properties {
/*padding-left: 12px !important;*/
}
/* put checkboxes on the left of properties */
.styles-section .properties .enabled-button {
/* position: absolute !important;
left: 7px;
margin: 2px 0 0 0 !important; */
}
/*.styles-section .properties li.parent::before,*/
.audit-result-tree li.parent::before,
.console-group-messages .section .header::before,
.outline-disclosure li.parent::before,
.outline-disclosure ol:focus li.parent.selected::before,
.section .header::before,
/*.properties-tree li.parent::before,*/
.event-bars .event-bar .header::before,
.data-grid tr.parent td.disclosure::before,
.data-grid:focus tr.parent.selected td.disclosure::before {
font-family: 'Arial' !important;
color: #aaa !important;
content: '►' !important;
padding-right: 5px !important;
font-size: 9px !important;
}
/*.styles-section .properties li.parent.expanded::before,*/
.audit-result-tree li.parent.expanded::before,
.console-group-messages .section.expanded .header::before,
.outline-disclosure li.parent.expanded::before,
.outline-disclosure ol:focus li.parent.expanded.selected::before,
.section.expanded .header::before,
/*.properties-tree li.parent.expanded::before,*/
.event-bars .event-bar.expanded .header::before,
.data-grid th.sort-descending > div::after,
.data-grid tr.expanded td.disclosure::before,
.data-grid:focus tr.expanded.selected td.disclosure::before {
font-family: 'Arial' !important;
color: #aaa !important;
content: '▼' !important;
padding-right: 5px !important;
font-size: 9px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment