feat(style): enhance theme

css/base/variables.styl

@@ -7,6 +7,7 @@
 // Base Units
 ////////////////////////////////////////
 $base-font-size = 1.4rem
+$border-radius = 3px
 
 ////////////////////////////////////////
 // Colour Palette

css/components/code.styl

@@ -12,11 +12,12 @@
 
 .code-wrapper
   clear: both
+  border: 1px solid $border-colour;
+  border-radius: $border-radius;
 
   pre
     position relative
     margin-top: 0
-    margin-bottom 4rem
     word-wrap: normal
     padding: 20px
     overflow: auto

css/components/editor.styl

@@ -0,0 +1,37 @@
+:global {
+  .CodeMirror {
+    color: #666;
+    line-height: 1.45;
+    background-color: $alabaster;
+    font-family: 'Fira Mono', monospace;
+    overflow: hidden;
+    border: 1px solid $border-colour;
+    border-radius: $border-radius;
+    margin-bottom: 4rem;
+  }
+
+  .CodeMirror-gutters {
+    background: darken($alabaster, 2%);
+    border: none;
+  }
+
+  .CodeMirror-guttermarker, .CodeMirror-guttermarker-subtle, .CodeMirror-linenumber {
+    color: #999;
+  }
+
+  .CodeMirror-cursor {
+    border-left: 1px solid #000;
+  }
+
+  .CodeMirror pre {
+    padding: 0 12px;
+  }
+
+  .CodeMirror-sizer {
+    padding: 10px 0px 0px;
+  }
+
+  .cm-s-swanky .cm-string { color: $bittersweet; }
+  .cm-s-swanky .cm-attribute { color: $scooter; }
+  .cm-s-swanky .cm-tag { color: $scooter; }
+}

css/components/swanky-light.styl

@@ -59,8 +59,11 @@ $white = #fff
     color: $scooter;
   }
 
+  .hljs-name {
+    color: $scooter;
+  }
+
   .hljs-section,
-  .hljs-name,
   .hljs-tag,
   .hljs-selector-tag,
   .hljs-deletion,

index.js

@@ -1,7 +1,3 @@
-if (__DEV__) {
-  module.hot.accept();
-}
-
 // Nav
 import './js/nav';
 import gumshoe from './js/libs/gumshoe';

js/libs/accordion.js

@@ -1,16 +1,16 @@
 (function (root, factory) {
-	if ( typeof define === 'function' && define.amd ) {
-		define([], factory(root));
-	} else if ( typeof exports === 'object' ) {
-		module.exports = factory(root);
-	} else {
-		root.accordion = factory(root);
-	}
+  if ( typeof define === 'function' && define.amd ) {
+    define([], factory(root));
+  } else if ( typeof exports === 'object' ) {
+    module.exports = factory(root);
+  } else {
+    root.accordion = factory(root);
+  }
 })(typeof global !== 'undefined' ? global : this.window || this.global, function (root) {
 
-	'use strict';
+  'use strict';
 
-	var accordion = {}; // Object for public APIs
+  var accordion = {}; // Object for public APIs
 
   accordion.init = () => {