Styling: update gray colors

_sass/2017/components/h3-section.scss

@@ -3,7 +3,8 @@
  */
 
 .h3-section > .body {
-  & > pre {
+  & > pre,
+  & > .gatsby-highlight > pre {
     margin: 0;
     padding: 16px;
   }
@@ -132,7 +133,7 @@
   /* Description paragraphs */
   & p {
     background: $gray-bg;
-    color: $gray-text;
+    color: $base-text;
 
     /* Links */
     & a,

_sass/2017/markdown/code.scss

@@ -86,7 +86,7 @@
   $cB: $base-c;
   $cB-3: adjust-color($cB, $lightness: 8%, $hue: -10deg);
 
-  $cM: #aaa; // Mute
+  $cM: #669; // Mute
 
   &.tag,
   &.keyword {
@@ -111,9 +111,12 @@
     color: $cA-3;
   }
 
-  &.comment,
   &.punctuation,
   &.operator {
     color: $cM;
   }
+
+  &.comment {
+    color: #569;
+  }
 }

_sass/2017/variables.scss

@@ -27,7 +27,7 @@ $base-body: #f1f3f5;
 $base-panel: white;
 $base-head: #111;
 $base-text: #345;
-$base-mute: #667788; // gray
+$base-mute: #556677; // gray
 
 $base-a: adjust-color(#8370bd, $lightness: -5%); // indigo
 $base-b: adjust-color(#2b72a2, $lightness: -5%); // blue
@@ -46,7 +46,7 @@ $body-bg: $base-body;
 $gray-bg: mix($base-body, $base-panel, 50%);
 $gray-text: $base-mute;
 
-$line-color: rgba($base-mute, 0.1);
+$line-color: rgba($base-mute, 0.18);
 $dark-line-color: rgba($base-mute, 0.3);
 
 //
@@ -67,11 +67,11 @@ $shadow2:
 
 $shadow3:
   0 6px 8px rgba($base-mute, 0.03),
-  0 1px 2px rgba($base-mute, 0.30);
+  0 1px 1px rgba($base-mute, 0.40);
 
 $shadow6:
   0 6px 8px rgba($base-mute, 0.03),
-  0 1px 2px rgba($base-mute, 0.30),
+  0 1px 1px rgba($base-mute, 0.40),
   0 8px 12px rgba($base-b3, 0.1);
 
 /*