Updated the color theme of the site

_includes/author.html

@@ -12,6 +12,6 @@
 {{- author.name | strip | normalize_whitespace | xml_escape -}}
 {%- endif -%}
 
- 
+{%- endif -%}
 
-{%- endif -%}
+ 

_includes/styles.scss

@@ -1,5 +1,6 @@
 @import "reset";
 @import "variables";
+@import "highlighter";
 @import "framework";
 @import "navbar";
 @import "print";

_scss/_highlighter.scss

@@ -0,0 +1,136 @@
+.highlight table td {
+    padding: 5px;
+}
+
+.highlight table pre {
+    margin: 0;
+}
+
+.highlight,
+.highlight .w {
+    background-color: $color-bg-alt;
+    color: $color-text;
+}
+
+.highlight .err {
+    background-color: #ac4142;
+    color: $color-bg-alt;
+}
+
+.highlight .c,
+.highlight .ch,
+.highlight .cd,
+.highlight .cm,
+.highlight .cpf,
+.highlight .c1,
+.highlight .cs {
+    color: #505050;
+}
+
+.highlight .cp {
+    color: #f4bf75;
+}
+
+.highlight .nt {
+    color: #f4bf75;
+}
+
+.highlight .o,
+.highlight .ow {
+    color: $color-text;
+}
+
+.highlight .p,
+.highlight .pi {
+    color: $color-text;
+}
+
+.highlight .gi {
+    color: #90a959;
+}
+
+.highlight .gd {
+    color: #ac4142;
+}
+
+.highlight .gh {
+    background-color: $color-bg-alt;
+    color: #6a9fb5;
+    font-weight: bold;
+}
+
+.highlight .k,
+.highlight .kn,
+.highlight .kp,
+.highlight .kr,
+.highlight .kv {
+    color: #aa759f;
+}
+
+.highlight .kc {
+    color: #d28445;
+}
+
+.highlight .kt {
+    color: #d28445;
+}
+
+.highlight .kd {
+    color: #d28445;
+}
+
+.highlight .s,
+.highlight .sa,
+.highlight .sb,
+.highlight .sc,
+.highlight .dl,
+.highlight .sd,
+.highlight .s2,
+.highlight .sh,
+.highlight .sx,
+.highlight .s1 {
+    color: #90a959;
+}
+
+.highlight .sr {
+    color: #75b5aa;
+}
+
+.highlight .si {
+    color: #8f5536;
+}
+
+.highlight .se {
+    color: #8f5536;
+}
+
+.highlight .nn {
+    color: #f4bf75;
+}
+
+.highlight .nc {
+    color: #f4bf75;
+}
+
+.highlight .no {
+    color: #f4bf75;
+}
+
+.highlight .na {
+    color: #6a9fb5;
+}
+
+.highlight .m,
+.highlight .mb,
+.highlight .mf,
+.highlight .mh,
+.highlight .mi,
+.highlight .il,
+.highlight .mo,
+.highlight .mx {
+    color: #90a959;
+}
+
+.highlight .ss {
+    color: #90a959;
+}

_scss/_variables.scss

@@ -1,8 +1,8 @@
 $color-bg: #212529;
 $color-bg-alt: hwb(0deg 0% 100% / 20%);
-$color-bg-code: #2e3440;
-$color-blossom: #85BCF2;
-$color-fade: #4e6f8e;
+$color-bg-code: #3b3d42;
+$color-blossom: #6da13f;
+$color-fade: #598332;
 $color-header: #1b1f22;
 $color-text: #dee2e6;
 $font-family-base: "Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";