diff --git a/assets/sass/abstracts/_variables.scss b/assets/sass/abstracts/_variables.scss
index c6098c07..797dac50 100644
--- a/assets/sass/abstracts/_variables.scss
+++ b/assets/sass/abstracts/_variables.scss
@@ -23,7 +23,6 @@ $link-underline-size: 2px;
 
 // Global Colors
 $color-background:   #ffffff;
-$color-gray-background: #fbfbfb;
 $color-text:         #202020;
 $color-medium-dark:  #494949;
 $color-medium:       #5e5e5e;
@@ -31,6 +30,7 @@ $color-medium-light: #757575;
 $color-light:        #d2d2d2;
 $color-kinda-light:  #e3e3e3;
 $color-super-light:  #f4f4f4;
+$color-super-duper-light: #fbfbfb;
 $color-links:        #0e6dc2;
 
 // For nifty color swapping on svg logo hover in components/_header.scss
diff --git a/assets/sass/components/_global.scss b/assets/sass/components/_global.scss
index 820c8649..1438c09f 100644
--- a/assets/sass/components/_global.scss
+++ b/assets/sass/components/_global.scss
@@ -5,7 +5,7 @@ body {
   width: 100%;
   height: 100%;
   margin: 0 auto;
-  background-color: $color-gray-background;   // really just the color of header & footer
+  background-color: $color-super-duper-light;   // really just the color of header & footer
   color: $color-text;
   font-family: $webfont-sans;
   font-kerning: normal;
@@ -54,7 +54,7 @@ hr {
 // all code
 code {
   font-family: $webfont-mono;
-  background: $color-super-light;
+  background: $color-super-duper-light;
   font-size: 0.95em;
   letter-spacing: 0;
   page-break-inside: avoid;
@@ -66,7 +66,7 @@ code {
 
 // code fences
 div.highlight {
-  background: $color-super-light;
+  background: $color-super-duper-light;
   border: 1px solid $color-light;
   border-left: 3px solid $color-links;
   line-height: 1.6;
diff --git a/assets/sass/components/_syntax.scss b/assets/sass/components/_syntax.scss
index e1d8e655..36c2900c 100644
--- a/assets/sass/components/_syntax.scss
+++ b/assets/sass/components/_syntax.scss
@@ -9,7 +9,7 @@ div.highlight span {
     color: #111111;
   }
   &.na, &.nc, &.nd, &.ne, &.nf, &.nx {
-    color: #489c44;
+    color: #068200;
   }
   &.err, &.nt, &.o, &.ow, &.kn {
     color: #e8003d;
@@ -18,7 +18,7 @@ div.highlight span {
     color: #8145ec;
   }
   &.ld, &.s, &.sa, &.sb, &.sc, &.dl, &.sd, &.s2, &.sh, &.si, &.sx, &.sr, &.s1, &.ss {
-    color: #c17005;
+    color: #b35c00;
   }
   &.c, &.ch, &.cm, &.c1, &.cs, &.cp, &.cpf {
     color: #6b6859;
diff --git a/layouts/partials/head/preload.html b/layouts/partials/head/preload.html
index ae552646..ecb73fa3 100644
--- a/layouts/partials/head/preload.html
+++ b/layouts/partials/head/preload.html
@@ -1,10 +1,12 @@
 {{ if eq hugo.Environment "production" }}
-<link rel="preconnect" href="https://s.jarv.is">
-{{ if and .IsPage (eq .Type "notes") }}
-<link rel="preconnect" href="https://utteranc.es">
-{{ end }}
+  <link rel="preconnect" href="https://s.jarv.is" crossorigin="anonymous">
+  {{ if and .IsPage (eq .Type "notes") }}
+    <link rel="preconnect" href="https://utteranc.es" crossorigin="anonymous">
+    <link rel="preconnect" href="https://api.utteranc.es" crossorigin="anonymous">
+    <link rel="preconnect" href="https://api.github.com" crossorigin="anonymous">
+  {{ end }}
 {{ end }}
 
-<link rel="preload" href="{{ "fonts/inter-regular-subset.woff2" | absURL }}" as="font" type="font/woff2" crossorigin>
-<link rel="preload" href="{{ "fonts/inter-medium-subset.woff2" | absURL }}" as="font" type="font/woff2" crossorigin>
-<link rel="preload" href="{{ "fonts/inter-bold-subset.woff2" | absURL }}" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="{{ "fonts/inter-regular-subset.woff2" | absURL }}" as="font" type="font/woff2" crossorigin="anonymous">
+<link rel="preload" href="{{ "fonts/inter-medium-subset.woff2" | absURL }}" as="font" type="font/woff2" crossorigin="anonymous">
+<link rel="preload" href="{{ "fonts/inter-bold-subset.woff2" | absURL }}" as="font" type="font/woff2" crossorigin="anonymous">
diff --git a/layouts/partials/scripts/simple_analytics.html b/layouts/partials/scripts/simple_analytics.html
index 1c9b5ff9..9c9de192 100644
--- a/layouts/partials/scripts/simple_analytics.html
+++ b/layouts/partials/scripts/simple_analytics.html
@@ -1,2 +1,2 @@
-<script data-skip-dnt="true" async defer src="https://s.jarv.is/app.js"></script>
+<script async defer src="https://s.jarv.is/app.js" data-skip-dnt="true"></script>
 <noscript><img src="https://s.jarv.is/image.gif" alt=""></noscript>
diff --git a/layouts/partials/scripts/utterances.html b/layouts/partials/scripts/utterances.html
index 43214d82..03bca44f 100644
--- a/layouts/partials/scripts/utterances.html
+++ b/layouts/partials/scripts/utterances.html
@@ -1,8 +1,7 @@
-<script src="https://utteranc.es/client.js"
-        repo="{{ .Site.Params.utterancesRepo }}"
-        issue-term="og:title"
-        label="comments"
-        theme="github-light"
-        crossorigin="anonymous"
-        async defer>
-</script>
+<script async defer
+        src="https://utteranc.es/client.js"
+        data-repo="{{ .Site.Params.utterancesRepo }}"
+        data-issue-term="og:title"
+        data-label="comments"
+        data-theme="github-light"
+        crossorigin="anonymous"></script>