diff --git a/src/styles/_code.scss b/src/styles/_code.scss
index 51731ed1..73a5652a 100644
--- a/src/styles/_code.scss
+++ b/src/styles/_code.scss
@@ -64,16 +64,16 @@ pre {
     }
 }
 
-pre > code.language-bash {
-    padding-left: 1.5em;
+pre > code.language-shell {
+    padding-left: $spacer / 2;
     display: block;
 
     &::before {
         content: '$';
-        opacity: .5;
+        opacity: .4;
         display: inline-block;
-        margin-left: -.5em;
-        margin-right: .8em;
+        margin-left: -.5rem;
+        margin-right: .5rem;
     }
 }
 
diff --git a/src/styles/_syntax.scss b/src/styles/_syntax.scss
index 2148915f..4f579e18 100644
--- a/src/styles/_syntax.scss
+++ b/src/styles/_syntax.scss
@@ -1,114 +1,78 @@
-/*
-Name: Duotone Space
-Author: Simurai, adapted from DuoTone themes for Atom (http://simurai.com/projects/2016/01/01/duotone-themes)
-
-Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-space-dark.css)
-Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
-*/
+/**
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/chriskempson/tomorrow-theme
+ * @author Rose Pritchard
+ */
 
 code[class*='language-'],
 pre[class*='language-'] {
-    direction: ltr;
-    text-align: left;
     tab-size: 4;
     hyphens: none;
-    background: #24242e;
-    color: #767693;
-}
-
-pre[class*='language-']::-moz-selection,
-pre[class*='language-'] ::-moz-selection,
-code[class*='language-']::-moz-selection,
-code[class*='language-'] ::-moz-selection {
-    text-shadow: none;
-    background: #5151e6;
-}
-
-pre[class*='language-']::selection,
-pre[class*='language-'] ::selection,
-code[class*='language-']::selection,
-code[class*='language-'] ::selection {
-    text-shadow: none;
-    background: #5151e6;
 }
 
 /* Inline code */
-// :not(pre) > code[class*='language-'] {
-// }
+:not(pre) > code[class*='language-'] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal;
+}
 
 .token.comment,
+.token.block-comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-    color: #5b5b76;
+    color: #999;
 }
 
 .token.punctuation {
-    color: #5b5b76;
-}
-
-.token.namespace {
-    opacity: .7;
+    color: #ccc;
 }
 
 .token.tag,
-.token.operator,
-.token.number {
-    color: #dd672c;
+.token.attr-name,
+.token.namespace,
+.token.deleted {
+    color: #e2777a;
+}
+
+.token.function-name {
+    color: #6196cc;
+}
+
+.token.boolean,
+.token.number,
+.token.function {
+    color: #f08d49;
 }
 
 .token.property,
-.token.function {
-    color: #767693;
+.token.class-name,
+.token.constant,
+.token.symbol {
+    color: #f8c555;
 }
 
-.token.tag-id,
 .token.selector,
-.token.atrule-id {
-    color: #ebebff;
-}
-
-code.language-javascript,
-.token.attr-name {
-    color: #aaaaca;
-}
-
-code.language-css,
-code.language-scss,
-.token.boolean,
-.token.string,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.language-scss .token.string,
-.style .token.string,
-.token.attr-value,
+.token.important,
+.token.atrule,
 .token.keyword,
-.token.control,
-.token.directive,
-.token.unit,
-.token.statement,
+.token.builtin {
+    color: #cc99cd;
+}
+
+.token.string,
+.token.char,
+.token.attr-value,
 .token.regex,
-.token.atrule {
-    color: #fe8c52;
-}
-
-.token.placeholder,
 .token.variable {
-    color: #fe8c52;
+    color: #7ec699;
 }
 
-.token.deleted {
-    text-decoration: line-through;
-}
-
-.token.inserted {
-    border-bottom: 1px dotted #ebebff;
-    text-decoration: none;
-}
-
-.token.italic {
-    font-style: italic;
+.token.operator,
+.token.entity,
+.token.url {
+    color: #67cdcc;
 }
 
 .token.important,
@@ -116,43 +80,14 @@ code.language-scss,
     font-weight: bold;
 }
 
-.token.important {
-    color: #aaaaca;
+.token.italic {
+    font-style: italic;
 }
 
 .token.entity {
     cursor: help;
 }
 
-pre > code.highlight {
-    outline: .4em solid #7676f4;
-    outline-offset: .4em;
-}
-
-/* overrides color-values for the Line Numbers plugin
- * http://prismjs.com/plugins/line-numbers/
- */
-.line-numbers .line-numbers-rows {
-    border-right-color: #262631;
-}
-
-.line-numbers-rows > span::before {
-    color: #393949;
-}
-
-/* overrides color-values for the Line Highlight plugin
-* http://prismjs.com/plugins/line-highlight/
-*/
-.line-highlight {
-    background: rgba(221, 103, 44, .2);
-    background: -webkit-linear-gradient(
-        left,
-        rgba(221, 103, 44, .2) 70%,
-        rgba(221, 103, 44, 0)
-    );
-    background: linear-gradient(
-        to right,
-        rgba(221, 103, 44, .2) 70%,
-        rgba(221, 103, 44, 0)
-    );
+.token.inserted {
+    color: green;
 }