Quick and dirty styling for the Highlight.js (http://softwaremaniacs.org/soft/highlight/en/) syntax highlighter to match my Textmate theme. Todo: Add Sass support.

Johan-dark.css

/*

	Custom style for Wordpress Highlight.js plugin.
	By Johan Brook (dark on light colours).

*/

pre code {
  color: #c4cdc5;
}

pre {
  background: #222128;
}

pre .comment,
pre .template_comment,
pre .javadoc {
  color: #d7ddff;
}

pre .keyword,
pre .ruby .function .keyword {
  color: #cc7833;
}

pre .function .keyword,
pre .sub .keyword,
pre .method,
pre .list .title {
  color: #cc7833;
}

pre .string,
pre .attribute .value,
pre .cdata,
pre .filter .argument,
pre .attr_selector,
pre .apache .cbracket,
pre .date,
pre .tex .command {
  color: #b6b546; 
  background-color: rgba(0,0,0, 0.1);
}

pre .subst {
  color: #DAEFA3;
}

pre .regexp {
  color: #4b85da;
}

pre .function .title,
pre .sub .identifier,
pre .pi,
pre .tag .keyword,
pre .decorator,
pre .ini .title,
pre .shebang {
  color: #db5c56;
}

pre .html .tag,
pre .html .tag .keyword{
	color: #d0deff;
}


pre .class .title,
pre .smalltalk .class,
pre .javadoctag,
pre .yardoctag,
pre .phpdoc {
  text-decoration: underline;
}

pre .symbol,
pre .ruby .symbol .string,
pre .ruby .symbol .keyword,
pre .ruby .symbol .keymethods,
pre .number {
  color: #6782d3;
}

pre .params,
pre .variable {
  color: #c1c144;
}

pre .css .keyword,
pre .pseudo,
pre .tex .special {
  color: #e1c96b;
}

pre .css .class {
  color: #edca06;
}

pre .rules .keyword {
  color: #C5AF75;
}

pre .rules .value {
  color: #CF6A4C;
}

pre .css .id {
  color: #ec9e00;
}

pre .annotation,
pre .apache .sqbracket,
pre .nginx .built_in {
  color: #9B859D;
}

pre .preprocessor {
  color: #8996A8;
}

pre .hexcolor,
pre .css .value .number {
  color: #6969fa;
}

pre .css .function {
  color: #DAD085;
}

pre .diff .header,
pre .chunk,
pre .tex .formula {
  background-color: #0E2231;
  color: #F8F8F8;
  font-style: italic;
}

pre .diff .change {
  background-color: #4A410D;
  color: #F8F8F8;
}

pre .addition {
  background-color: #253B22;
  color: #F8F8F8;
}

pre .deletion {
  background-color: #420E09;
  color: #F8F8F8;
}