Syntax highlighting overhaul

sass/style.scss

@@ -195,15 +195,19 @@ td {
   }
 }
 
+pre {
+  padding: 2px 0 2px 10px;
+  background-color: #2b2b2b;
+}
 code {
-  background-color: #fce4ec;
-  color: #880e4f;
+  padding: 2px 5px;
+  color: #bababa;
+  background-color: #2b2b2b;
   font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
 }
-
 pre code {
-  background-color: unset;
-  color: unset;
+  padding: 0;
 }
+.article ul li {list-style: circle outside}
 
 @import "search.scss"

static/theme/github.css → static/theme/highlight.css

 /*
 
-github.com style (c) Vasily Polovnyov <vast@whiteants.net>
+Darkula color scheme from the JetBrains family of IDEs
 
 */
 
+
 .hljs {
   display: block;
   overflow-x: auto;
   padding: 0.5em;
-  color: #333;
-  background: #f8f8f8;
+  background: #2b2b2b;
 }
 
-.hljs-comment,
-.hljs-quote {
-  color: #998;
-  font-style: italic;
+.hljs {
+  color: #bababa;
 }
 
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-subst {
-  color: #333;
-  font-weight: bold;
+.hljs-strong,
+.hljs-emphasis {
+  color: #a8a8a2;
 }
 
+.hljs-bullet,
+.hljs-quote,
+.hljs-link,
 .hljs-number,
-.hljs-literal,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag .hljs-attr {
-  color: #008080;
-}
-
-.hljs-string,
-.hljs-doctag {
-  color: #d14;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-selector-id {
-  color: #900;
-  font-weight: bold;
+.hljs-regexp,
+.hljs-literal {
+  color: #6896ba;
 }
 
-.hljs-subst {
-  font-weight: normal;
+.hljs-code,
+.hljs-selector-class {
+  color: #a6e22e;
 }
 
-.hljs-type,
-.hljs-class .hljs-title {
-  color: #458;
-  font-weight: bold;
+.hljs-emphasis {
+  font-style: italic;
 }
 
-.hljs-tag,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-attribute,
 .hljs-name,
-.hljs-attribute {
-  color: #000080;
-  font-weight: normal;
+.hljs-variable {
+  color: #cb7832;
 }
 
-.hljs-regexp,
-.hljs-link {
-  color: #009926;
-}
-
-.hljs-symbol,
-.hljs-bullet {
-  color: #990073;
+.hljs-params {
+  color: #b9b9b9;
 }
 
+.hljs-string,
+.hljs-subst,
+.hljs-type,
 .hljs-built_in,
-.hljs-builtin-name {
-  color: #0086b3;
-}
-
-.hljs-meta {
-  color: #999;
-  font-weight: bold;
-}
-
-.hljs-deletion {
-  background: #fdd;
-}
-
+.hljs-builtin-name,
+.hljs-symbol,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-template-tag,
+.hljs-template-variable,
 .hljs-addition {
-  background: #dfd;
-}
-
-.hljs-emphasis {
-  font-style: italic;
+  color: #e0c46c;
 }
 
-.hljs-strong {
-  font-weight: bold;
+.hljs-comment,
+.hljs-deletion,
+.hljs-meta {
+  color: #7f7f7f;
 }

templates/partials/header.html.nunjucks

@@ -7,7 +7,7 @@
 
   <link href='https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
   <link href="{{ config.baseurl }}/theme/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
-  <link href="{{ config.baseurl }}/theme/github.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+  <link href="{{ config.baseurl }}/theme/highlight.css" type="text/css" rel="stylesheet" media="screen,projection"/>
 
   <script src="{{ config.baseurl }}/theme/js/jquery-1.12.0.min.js"></script>