daytonn
4/24/2013 - 2:55 PM

Neopolitan theme for Chrome's console

Neopolitan theme for Chrome's console

/*
 * 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: #271F19;
    font-size: 12px !important;
}

#elements-content .highlight {
    color: #FFFFFF;
}

#elements-content .selection {
  color: #253B76 !important;
}

#elements-content .selection.selected {
  color: #253B76 !important;
}

#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: #253B76 !important;
/*    background: rgba(150,146,65,0.5);*/
}

#elements-content .parent.expanded {

}

#elements-content .parent.selected {

}

/**********************************************/
/* HTML
/**********************************************/
#elements-content .webkit-html-comment {
    color: #FF0080 !important;
}

#elements-content .webkit-html-doctype {

}

#elements-content .webkit-html-tag {
    color: #8DA6CE !important;
}

#elements-content .webkit-html-tag-name {

}

#elements-content .webkit-html-attribute {

}

#elements-content .webkit-html-attribute-name {
    color: #8DA6CE !important;
}

#elements-content .webkit-html-attribute-value {
    color: #61CE3C !important;
}

#elements-content .webkit-html-external-link {

}

#elements-content .webkit-html-resource-link {
  color: #61CE3C !important;
}

#elements-content .webkit-html-text-tag {

}

#elements-content .webkit-html-text-node {
    color: #FFFFFF !important;
}

#elements-content .webkit-html-css-node {
    color: #FFFFFF !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: #FBDE2D !important;
}

#elements-content .webkit-javascript-ident {
    color: #FF6400 !important;
}

#elements-content .webkit-javascript-string {
  color: #61CE3C !important;
}

#elements-content .webkit-javascript-number {
  color: #FBDE2D !important;
}

#elements-content .webkit-javascript-regexp {

}

#elements-content ::selection {
    background: #253B76;
    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;
}