diff --git a/_sass/2017/components/h3-section.scss b/_sass/2017/components/h3-section.scss
index 4273b8140..3d6e68ca1 100644
--- a/_sass/2017/components/h3-section.scss
+++ b/_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,
diff --git a/_sass/2017/markdown/code.scss b/_sass/2017/markdown/code.scss
index cfb1e363f..339fca899 100644
--- a/_sass/2017/markdown/code.scss
+++ b/_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;
+  }
 }
diff --git a/_sass/2017/variables.scss b/_sass/2017/variables.scss
index ad1e8bebd..f13d61c9e 100644
--- a/_sass/2017/variables.scss
+++ b/_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);
 
 /*