diff --git a/gatsby-browser.js b/gatsby-browser.js
index b03eebbd..ad8ec190 100755
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -2,7 +2,7 @@
 import './src/styles/global.scss'
 
 // import prismjs syntax highlighting styles
-import 'prismjs/themes/prism-tomorrow.css'
+import 'prismjs/themes/prism-okaidia.css'
 
 // IntersectionObserver polyfill for gatsby-image (Safari, IE)
 if (typeof window.IntersectionObserver === 'undefined') {
diff --git a/src/styles/global.scss b/src/styles/global.scss
index af0d529a..f4d26a8c 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -246,7 +246,7 @@ samp {
     font-family: $font-family-monospace !important;
     font-size: $font-size-small !important;
     background: $brand-black !important;
-    color: $brand-white !important;
+    color: $brand-grey-lighter !important;
     border-radius: $border-radius !important;
 }