Change syntax highlighting theme to base16 Ocean Dark

3 files changed, 77 insertions, 68 deletions

diff --git a/content/assets/stylesheets/_variables.scss b/content/assets/stylesheets/_variables.scss
index f8fd4035..154179ab 100644
--- a/content/assets/stylesheets/_variables.scss
+++ b/content/assets/stylesheets/_variables.scss
@@ -15,8 +15,8 @@ $link-color-hover: rgb(79, 172, 225);
 $link-code-color: rgb(55, 119, 176);
 
 // Inline code colors
-$code-color: #c7254e;
-$code-background-color: #f9f2f4;
+$code-color: rgb(95, 131, 65);
+$code-background-color: rgba(95, 131, 65, .1);
 
 // Home page colors
 $landing-background: #34373c;
diff --git a/content/assets/stylesheets/highlight.scss b/content/assets/stylesheets/highlight.scss
index 6581f367..ec916705 100644
--- a/content/assets/stylesheets/highlight.scss
+++ b/content/assets/stylesheets/highlight.scss
@@ -1,7 +1,7 @@
 ---
-version: 5
+version: 6
 ---
-/* https://github.com/aahan/pygments-github-style */
+/* https://github.com/idleberg/base16-pygments/blob/master/css/base16-ocean.dark.css */
 
 pre.highlight {
   padding: 10px 15px;
@@ -10,6 +10,8 @@ pre.highlight {
   border-radius: 3px;
   overflow-x: auto;
   margin: 20px 0;
+  background: #2b303b;
+  color: #eff1f5;
 
   // Code itself
   code {
@@ -18,67 +20,69 @@ pre.highlight {
     background-color: transparent;
   }
 
-  .hll { background-color: #f8f8f8 }
-  .c { color: #998; font-style: italic; }
-  .err { color: #a61717; background-color: #e3d2d2; }
-  .k { font-weight: bold; }
-  .o { font-weight: bold; }
-  .cm { color: #998; font-style: italic; }
-  .cp { color: #999; font-weight: bold; }
-  .c1 { color: #998; font-style: italic; }
-  .cs { color: #999; font-weight: bold; font-style: italic; }
-  .gd { color: #000; background-color: #fdd; }
-  .gd .x { color: #000; background-color: #faa; }
-  .ge { font-style: italic; }
-  .gr { color: #a00; }
-  .gh { color: #999; }
-  .gi { color: #000; background-color: #dfd; }
-  .gi .x { color: #000; background-color: #afa; }
-  .go { color: #888; }
-  .gp { color: #555; }
-  .gs { font-weight: bold; }
-  .gu { color: #800080; font-weight: bold; }
-  .gt { color: #a00; }
-  .kc { font-weight: bold; }
-  .kd { font-weight: bold; }
-  .kn { font-weight: bold; }
-  .kp { font-weight: bold; }
-  .kr { font-weight: bold; }
-  .kt { color: #458; font-weight: bold; }
-  .m { color: #099; }
-  .s { color: #d14; }
-  .n { color: #333; }
-  .na { color: teal; }
-  .nb { color: #0086b3; }
-  .nc { color: #458; font-weight: bold; }
-  .no { color: teal; }
-  .ni { color: purple; }
-  .ne { color: #900; font-weight: bold; }
-  .nf { color: #900; font-weight: bold; }
-  .nn { color: #555; }
-  .nt { color: navy; }
-  .nv { color: teal; }
-  .ow { font-weight: bold; }
-  .w { color: #bbb; }
-  .mf { color: #099; }
-  .mh { color: #099; }
-  .mi { color: #099; }
-  .mo { color: #099; }
-  .sb { color: #d14; }
-  .sc { color: #d14; }
-  .sd { color: #d14; }
-  .s2 { color: #d14; }
-  .se { color: #d14; }
-  .sh { color: #d14; }
-  .si { color: #d14; }
-  .sx { color: #d14; }
-  .sr { color: #009926; }
-  .s1 { color: #d14; }
-  .ss { color: #990073; }
-  .bp { color: #999; }
-  .vc { color: teal; }
-  .vg { color: teal; }
-  .vi { color: teal; }
-  .il { color: #099; }
-  .gc { color: #999; background-color: #eaf2f5; }
+  .hll { background-color: #4f5b66 }
+  .c { color: #65737e } /* Comment */
+  .err { color: #bf616a } /* Error */
+  .k { color: #b48ead } /* Keyword */
+  .l { color: #d08770 } /* Literal */
+  .n { color: #eff1f5 } /* Name */
+  .o { color: #96b5b4 } /* Operator */
+  .p { color: #eff1f5 } /* Punctuation */
+  .cm { color: #65737e } /* Comment.Multiline */
+  .cp { color: #65737e } /* Comment.Preproc */
+  .c1 { color: #65737e } /* Comment.Single */
+  .cs { color: #65737e } /* Comment.Special */
+  .gd { color: #bf616a } /* Generic.Deleted */
+  .ge { font-style: italic } /* Generic.Emph */
+  .gh { color: #eff1f5; font-weight: bold } /* Generic.Heading */
+  .gi { color: #a3be8c } /* Generic.Inserted */
+  .gp { color: #65737e; font-weight: bold } /* Generic.Prompt */
+  .gs { font-weight: bold } /* Generic.Strong */
+  .gu { color: #96b5b4; font-weight: bold } /* Generic.Subheading */
+  .kc { color: #b48ead } /* Keyword.Constant */
+  .kd { color: #b48ead } /* Keyword.Declaration */
+  .kn { color: #96b5b4 } /* Keyword.Namespace */
+  .kp { color: #b48ead } /* Keyword.Pseudo */
+  .kr { color: #b48ead } /* Keyword.Reserved */
+  .kt { color: #ebcb8b } /* Keyword.Type */
+  .ld { color: #a3be8c } /* Literal.Date */
+  .m { color: #d08770 } /* Literal.Number */
+  .s { color: #a3be8c } /* Literal.String */
+  .na { color: #8fa1b3 } /* Name.Attribute */
+  .nb { color: #eff1f5 } /* Name.Builtin */
+  .nc { color: #ebcb8b } /* Name.Class */
+  .no { color: #bf616a } /* Name.Constant */
+  .nd { color: #96b5b4 } /* Name.Decorator */
+  .ni { color: #eff1f5 } /* Name.Entity */
+  .ne { color: #bf616a } /* Name.Exception */
+  .nf { color: #8fa1b3 } /* Name.Function */
+  .nl { color: #eff1f5 } /* Name.Label */
+  .nn { color: #ebcb8b } /* Name.Namespace */
+  .nx { color: #8fa1b3 } /* Name.Other */
+  .py { color: #eff1f5 } /* Name.Property */
+  .nt { color: #96b5b4 } /* Name.Tag */
+  .nv { color: #bf616a } /* Name.Variable */
+  .ow { color: #96b5b4 } /* Operator.Word */
+  .w { color: #eff1f5 } /* Text.Whitespace */
+  .mf { color: #d08770 } /* Literal.Number.Float */
+  .mh { color: #d08770 } /* Literal.Number.Hex */
+  .mi { color: #d08770 } /* Literal.Number.Integer */
+  .mo { color: #d08770 } /* Literal.Number.Oct */
+  .sb { color: #a3be8c } /* Literal.String.Backtick */
+  .sc { color: #eff1f5 } /* Literal.String.Char */
+  .sd { color: #65737e } /* Literal.String.Doc */
+  .s2 { color: #a3be8c } /* Literal.String.Double */
+  .se { color: #d08770 } /* Literal.String.Escape */
+  .sh { color: #a3be8c } /* Literal.String.Heredoc */
+  .si { color: #d08770 } /* Literal.String.Interpol */
+  .sx { color: #a3be8c } /* Literal.String.Other */
+  .sr { color: #a3be8c } /* Literal.String.Regex */
+  .s1 { color: #a3be8c } /* Literal.String.Single */
+  .ss { color: #a3be8c } /* Literal.String.Symbol */
+  .bp { color: #eff1f5 } /* Name.Builtin.Pseudo */
+  .vc { color: #bf616a } /* Name.Variable.Class */
+  .vg { color: #bf616a } /* Name.Variable.Global */
+  .vi { color: #bf616a } /* Name.Variable.Instance */
+  .il { color: #d08770 } /* Literal.Number.Integer.Long */
+
 }
diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index 6764ec77..419fc412 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -1,5 +1,5 @@
 ---
-version: 25
+version: 26
 ---
 
 @import "variables";
@@ -92,6 +92,11 @@ hr {
   border-top: 1px solid $hr-border-color;
 }
 
+code {
+  color: $code-color;
+  background-color: $code-background-color;
+}
+
 code, code span {
   font-family: $mono-font-family;
 }