Independent syntax highlighting

Signed-off-by: Valentin Popov <info@valentineus.link>

1 files changed, 108 insertions, 186 deletions

diff --git a/_scss/base/_highlight.scss b/_scss/base/_highlight.scss
index c5ed595..9611eff 100644
--- a/_scss/base/_highlight.scss
+++ b/_scss/base/_highlight.scss
@@ -1,345 +1,267 @@
 /*! pygments-css | github.com/richleland/pygments-css */
 
+@import 'utilities/base16';
+
 .highlight {
-  background: #f8f8f8;
+  background: $base00;
+  color: $base07;
 
-  .hll {
-    background-color: #ffffcc;
+  .bp {
+    color: $base07;
   }
 
   .c {
-    color: #8f5902;
-    font-style: italic;
-  }
-
-  .err {
-    border: 1px solid #ef2929;
-    color: #a40000;
-  }
-
-  .g {
-    color: #000000;
+    color: $base03;
   }
 
-  .k {
-    color: #204a87;
-    font-weight: bold;
-  }
-
-  .l {
-    color: #000000;
-  }
-
-  .n {
-    color: #000000;
-  }
-
-  .o {
-    color: #ce5c00;
-    font-weight: bold;
-  }
-
-  .x {
-    color: #000000;
-  }
-
-  .p {
-    color: #000000;
-    font-weight: bold;
-  }
-
-  .ch {
-    color: #8f5902;
-    font-style: italic;
+  .c1 {
+    color: $base03;
   }
 
   .cm {
-    color: #8f5902;
-    font-style: italic;
+    color: $base03;
   }
 
   .cp {
-    color: #8f5902;
-    font-style: italic;
+    color: $base03;
   }
 
-  .cpf {
-    color: #8f5902;
-    font-style: italic;
-  }
-
-  .c1 {
-    color: #8f5902;
-    font-style: italic;
+  .cs {
+    color: $base03;
   }
 
-  .cs {
-    color: #8f5902;
-    font-style: italic;
+  .err {
+    color: $base08;
   }
 
   .gd {
-    color: #a40000;
+    color: $base08;
   }
 
   .ge {
-    color: #000000;
     font-style: italic;
   }
 
-  .gr {
-    color: #ef2929;
-  }
-
   .gh {
-    color: #000080;
+    color: $base07;
     font-weight: bold;
   }
 
   .gi {
-    color: #00A000;
-  }
-
-  .go {
-    color: #000000;
-    font-style: italic;
+    color: $base0B;
   }
 
   .gp {
-    color: #8f5902;
+    color: $base03;
+    font-weight: bold;
   }
 
   .gs {
-    color: #000000;
     font-weight: bold;
   }
 
   .gu {
-    color: #800080;
+    color: $base0C;
     font-weight: bold;
   }
 
-  .gt {
-    color: #a40000;
-    font-weight: bold;
+  .hll {
+    background-color: $base02;
+  }
+
+  .il {
+    color: $base09;
+  }
+
+  .k {
+    color: $base0E;
   }
 
   .kc {
-    color: #204a87;
-    font-weight: bold;
+    color: $base0E;
   }
 
   .kd {
-    color: #204a87;
-    font-weight: bold;
+    color: $base0E;
   }
 
   .kn {
-    color: #204a87;
-    font-weight: bold;
+    color: $base0C;
   }
 
   .kp {
-    color: #204a87;
-    font-weight: bold;
+    color: $base0E;
   }
 
   .kr {
-    color: #204a87;
-    font-weight: bold;
+    color: $base0E;
   }
 
   .kt {
-    color: #204a87;
-    font-weight: bold;
+    color: $base0A;
+  }
+
+  .l {
+    color: $base09;
   }
 
   .ld {
-    color: #000000;
+    color: $base0B;
   }
 
   .m {
-    color: #0000cf;
-    font-weight: bold;
+    color: $base09;
   }
 
-  .s {
-    color: #4e9a06;
+  .mf {
+    color: $base09;
   }
 
-  .na {
-    color: #c4a000;
+  .mh {
+    color: $base09;
   }
 
-  .nb {
-    color: #204a87;
+  .mi {
+    color: $base09;
   }
 
-  .nc {
-    color: #000000;
+  .mo {
+    color: $base09;
   }
 
-  .no {
-    color: #000000;
+  .n {
+    color: $base07;
   }
 
-  .nd {
-    color: #5c35cc;
-    font-weight: bold;
+  .na {
+    color: $base0D;
   }
 
-  .ni {
-    color: #ce5c00;
+  .nb {
+    color: $base07;
+  }
+
+  .nc {
+    color: $base0A;
+  }
+
+  .nd {
+    color: $base0C;
   }
 
   .ne {
-    color: #cc0000;
-    font-weight: bold;
+    color: $base08;
   }
 
   .nf {
-    color: #000000;
+    color: $base0D;
   }
 
-  .nl {
-    color: #f57900;
+  .ni {
+    color: $base07;
   }
 
-  .nn {
-    color: #000000;
+  .nl {
+    color: $base07;
   }
 
-  .nx {
-    color: #000000;
+  .nn {
+    color: $base0A;
   }
 
-  .py {
-    color: #000000;
+  .no {
+    color: $base08;
   }
 
   .nt {
-    color: #204a87;
-    font-weight: bold;
+    color: $base0C;
   }
 
   .nv {
-    color: #000000;
+    color: $base08;
   }
 
-  .ow {
-    color: #204a87;
-    font-weight: bold;
+  .nx {
+    color: $base0D;
   }
 
-  .w {
-    color: #f8f8f8;
-    text-decoration: underline;
+  .o {
+    color: $base0C;
   }
 
-  .mb {
-    color: #0000cf;
-    font-weight: bold;
+  .ow {
+    color: $base0C;
   }
 
-  .mf {
-    color: #0000cf;
-    font-weight: bold;
+  .p {
+    color: $base07;
   }
 
-  .mh {
-    color: #0000cf;
-    font-weight: bold;
+  .py {
+    color: $base07;
   }
 
-  .mi {
-    color: #0000cf;
-    font-weight: bold;
+  .s {
+    color: $base0B;
   }
 
-  .mo {
-    color: #0000cf;
-    font-weight: bold;
+  .s1 {
+    color: $base0B;
   }
 
-  .sa {
-    color: #4e9a06;
+  .s2 {
+    color: $base0B;
   }
 
   .sb {
-    color: #4e9a06;
+    color: $base0B;
   }
 
   .sc {
-    color: #4e9a06;
-  }
-
-  .dl {
-    color: #4e9a06;
+    color: $base07;
   }
 
   .sd {
-    color: #8f5902;
-    font-style: italic;
-  }
-
-  .s2 {
-    color: #4e9a06;
+    color: $base03;
   }
 
   .se {
-    color: #4e9a06;
+    color: $base09;
   }
 
   .sh {
-    color: #4e9a06;
+    color: $base0B;
   }
 
   .si {
-    color: #4e9a06;
-  }
-
-  .sx {
-    color: #4e9a06;
+    color: $base09;
   }
 
   .sr {
-    color: #4e9a06;
-  }
-
-  .s1 {
-    color: #4e9a06;
+    color: $base0B;
   }
 
   .ss {
-    color: #4e9a06;
+    color: $base0B;
   }
 
-  .bp {
-    color: #3465a4;
-  }
-
-  .fm {
-    color: #000000;
+  .sx {
+    color: $base0B;
   }
 
   .vc {
-    color: #000000;
+    color: $base08;
   }
 
   .vg {
-    color: #000000;
+    color: $base08;
   }
 
   .vi {
-    color: #000000;
-  }
-
-  .vm {
-    color: #000000;
+    color: $base08;
   }
 
-  .il {
-    color: #0000cf;
-    font-weight: bold;
+  .w {
+    color: $base07;
   }
 }