Google Chrome Inspector Stylesheet

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