From d644887d4cb2c5d5a4d4b008a2d63dce1cb90bb1 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Mon, 16 Jan 2017 18:57:03 +0100
Subject: [PATCH] Add styleSwitcher.

---
 src/App.js                                    |  4 +-
 src/App.scss                                  |  6 ++
 src/App.vue                                   |  7 +-
 .../style_switcher/style_switcher.js          | 20 ++++++
 .../style_switcher/style_switcher.vue         |  7 ++
 src/main.js                                   |  2 +-
 static/css/base16-3024.css                    | 33 ++++++++++
 static/css/base16-apathy.css                  | 33 ++++++++++
 static/css/base16-ashes.css                   | 33 ++++++++++
 static/css/base16-atelier-cave.css            | 33 ++++++++++
 static/css/base16-atelier-dune.css            | 33 ++++++++++
 static/css/base16-atelier-estuary.css         | 33 ++++++++++
 static/css/base16-atelier-forest.css          | 33 ++++++++++
 static/css/base16-atelier-heath.css           | 33 ++++++++++
 static/css/base16-atelier-lakeside.css        | 33 ++++++++++
 static/css/base16-atelier-plateau.css         | 33 ++++++++++
 static/css/base16-atelier-savanna.css         | 33 ++++++++++
 static/css/base16-atelier-seaside.css         | 33 ++++++++++
 static/css/base16-atelier-sulphurpool.css     | 33 ++++++++++
 static/css/base16-bespin.css                  | 33 ++++++++++
 static/css/base16-brewer.css                  | 33 ++++++++++
 static/css/base16-bright.css                  | 33 ++++++++++
 static/css/base16-chalk.css                   | 33 ++++++++++
 static/css/base16-codeschool.css              | 33 ++++++++++
 static/css/base16-darktooth.css               | 33 ++++++++++
 static/css/base16-default-dark.css            | 33 ++++++++++
 static/css/base16-default-light.css           | 33 ++++++++++
 static/css/base16-eighties.css                | 33 ++++++++++
 static/css/base16-embers.css                  | 33 ++++++++++
 static/css/base16-flat.css                    | 33 ++++++++++
 static/css/base16-github.css                  | 33 ++++++++++
 static/css/base16-google-dark.css             | 33 ++++++++++
 static/css/base16-google-light.css            | 33 ++++++++++
 static/css/base16-grayscale-dark.css          | 33 ++++++++++
 static/css/base16-grayscale-light.css         | 33 ++++++++++
 static/css/base16-green-screen.css            | 33 ++++++++++
 static/css/base16-harmonic16-dark.css         | 33 ++++++++++
 static/css/base16-harmonic16-light.css        | 33 ++++++++++
 static/css/base16-hopscotch.css               | 33 ++++++++++
 static/css/base16-ir-black.css                | 33 ++++++++++
 static/css/base16-isotope.css                 | 33 ++++++++++
 static/css/base16-london-tube.css             | 33 ++++++++++
 static/css/base16-macintosh.css               | 33 ++++++++++
 static/css/base16-marrakesh.css               | 33 ++++++++++
 static/css/base16-materia.css                 | 33 ++++++++++
 static/css/base16-mexico-light.css            | 33 ++++++++++
 static/css/base16-mocha.css                   | 33 ++++++++++
 static/css/base16-monokai.css                 | 33 ++++++++++
 static/css/base16-ocean.css                   | 33 ++++++++++
 static/css/base16-oceanicnext.css             | 33 ++++++++++
 static/css/base16-paraiso.css                 | 33 ++++++++++
 static/css/base16-phd.css                     | 33 ++++++++++
 static/css/base16-pico.css                    | 33 ++++++++++
 static/css/base16-pop.css                     | 33 ++++++++++
 static/css/base16-railscasts.css              | 33 ++++++++++
 static/css/base16-seti-ui.css                 | 33 ++++++++++
 static/css/base16-shapeshifter.css            | 33 ++++++++++
 static/css/base16-solar-flare.css             | 33 ++++++++++
 ...zed-dark.css => base16-solarized-dark.css} |  5 --
 ...d-light.css => base16-solarized-light.css} |  0
 static/css/base16-spacemacs.css               | 33 ++++++++++
 static/css/base16-summerfruit-dark.css        | 33 ++++++++++
 static/css/base16-summerfruit-light.css       | 33 ++++++++++
 static/css/base16-tomorrow-night.css          | 33 ++++++++++
 static/css/base16-tomorrow.css                | 33 ++++++++++
 static/css/base16-twilight.css                | 33 ++++++++++
 static/css/base16-unikitty-dark.css           | 33 ++++++++++
 static/css/base16-unikitty-light.css          | 33 ++++++++++
 static/css/themes.json                        | 64 +++++++++++++++++++
 69 files changed, 2086 insertions(+), 9 deletions(-)
 create mode 100644 src/components/style_switcher/style_switcher.js
 create mode 100644 src/components/style_switcher/style_switcher.vue
 create mode 100644 static/css/base16-3024.css
 create mode 100644 static/css/base16-apathy.css
 create mode 100644 static/css/base16-ashes.css
 create mode 100644 static/css/base16-atelier-cave.css
 create mode 100644 static/css/base16-atelier-dune.css
 create mode 100644 static/css/base16-atelier-estuary.css
 create mode 100644 static/css/base16-atelier-forest.css
 create mode 100644 static/css/base16-atelier-heath.css
 create mode 100644 static/css/base16-atelier-lakeside.css
 create mode 100644 static/css/base16-atelier-plateau.css
 create mode 100644 static/css/base16-atelier-savanna.css
 create mode 100644 static/css/base16-atelier-seaside.css
 create mode 100644 static/css/base16-atelier-sulphurpool.css
 create mode 100644 static/css/base16-bespin.css
 create mode 100644 static/css/base16-brewer.css
 create mode 100644 static/css/base16-bright.css
 create mode 100644 static/css/base16-chalk.css
 create mode 100644 static/css/base16-codeschool.css
 create mode 100644 static/css/base16-darktooth.css
 create mode 100644 static/css/base16-default-dark.css
 create mode 100644 static/css/base16-default-light.css
 create mode 100644 static/css/base16-eighties.css
 create mode 100644 static/css/base16-embers.css
 create mode 100644 static/css/base16-flat.css
 create mode 100644 static/css/base16-github.css
 create mode 100644 static/css/base16-google-dark.css
 create mode 100644 static/css/base16-google-light.css
 create mode 100644 static/css/base16-grayscale-dark.css
 create mode 100644 static/css/base16-grayscale-light.css
 create mode 100644 static/css/base16-green-screen.css
 create mode 100644 static/css/base16-harmonic16-dark.css
 create mode 100644 static/css/base16-harmonic16-light.css
 create mode 100644 static/css/base16-hopscotch.css
 create mode 100644 static/css/base16-ir-black.css
 create mode 100644 static/css/base16-isotope.css
 create mode 100644 static/css/base16-london-tube.css
 create mode 100644 static/css/base16-macintosh.css
 create mode 100644 static/css/base16-marrakesh.css
 create mode 100644 static/css/base16-materia.css
 create mode 100644 static/css/base16-mexico-light.css
 create mode 100644 static/css/base16-mocha.css
 create mode 100644 static/css/base16-monokai.css
 create mode 100644 static/css/base16-ocean.css
 create mode 100644 static/css/base16-oceanicnext.css
 create mode 100644 static/css/base16-paraiso.css
 create mode 100644 static/css/base16-phd.css
 create mode 100644 static/css/base16-pico.css
 create mode 100644 static/css/base16-pop.css
 create mode 100644 static/css/base16-railscasts.css
 create mode 100644 static/css/base16-seti-ui.css
 create mode 100644 static/css/base16-shapeshifter.css
 create mode 100644 static/css/base16-solar-flare.css
 rename static/css/{solarized-dark.css => base16-solarized-dark.css} (91%)
 rename static/css/{solarized-light.css => base16-solarized-light.css} (100%)
 create mode 100644 static/css/base16-spacemacs.css
 create mode 100644 static/css/base16-summerfruit-dark.css
 create mode 100644 static/css/base16-summerfruit-light.css
 create mode 100644 static/css/base16-tomorrow-night.css
 create mode 100644 static/css/base16-tomorrow.css
 create mode 100644 static/css/base16-twilight.css
 create mode 100644 static/css/base16-unikitty-dark.css
 create mode 100644 static/css/base16-unikitty-light.css
 create mode 100644 static/css/themes.json

diff --git a/src/App.js b/src/App.js
index 93f8f361..8f90e6be 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,13 +1,15 @@
 import UserPanel from './components/user_panel/user_panel.vue'
 import NavPanel from './components/nav_panel/nav_panel.vue'
 import Notifications from './components/notifications/notifications.vue'
+import StyleSwitcher from './components/style_switcher/style_switcher.vue'
 
 export default {
   name: 'app',
   components: {
     UserPanel,
     NavPanel,
-    Notifications
+    Notifications,
+    StyleSwitcher
   },
   computed: {
     currentUser () { return this.$store.state.users.currentUser },
diff --git a/src/App.scss b/src/App.scss
index 85757bce..fd1182e0 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -58,6 +58,12 @@ nav {
     position: fixed;
     height: 50px;
 
+    .inner-nav {
+        display: flex;
+        align-items: center;
+        flex-basis: 920px;
+        margin: auto;
+    }
 }
 
 .sidebar {
diff --git a/src/App.vue b/src/App.vue
index 18a8ad15..5da469b5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,11 @@
 <template>
   <div id="app" v-bind:style="style" class="base02-background">
     <nav class='container base01-background base04'>
-      <div class='item'>
-        <a route-to='friends-timeline' href="#">Pleroma FE</a>
+      <div class='inner-nav'>
+        <div class='item'>
+          <a route-to='friends-timeline' href="#">Pleroma FE</a>
+        </div>
+        <style-switcher></style-switcher>
       </div>
     </nav>
     <div class="container" id="content">
diff --git a/src/components/style_switcher/style_switcher.js b/src/components/style_switcher/style_switcher.js
new file mode 100644
index 00000000..8a8cc2a0
--- /dev/null
+++ b/src/components/style_switcher/style_switcher.js
@@ -0,0 +1,20 @@
+import StyleSetter from '../../services/style_setter/style_setter.js'
+
+export default {
+  data: () => ({
+    availableStyles: [],
+    selected: false
+  }),
+  created () {
+    const self = this
+    window.fetch('/static/css/themes.json')
+      .then((data) => data.json())
+      .then((themes) => { self.availableStyles = themes })
+  },
+  watch: {
+    selected () {
+      const fullPath = `/static/css/${this.selected}`
+      StyleSetter.setStyle(fullPath)
+    }
+  }
+}
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
new file mode 100644
index 00000000..8c32ed07
--- /dev/null
+++ b/src/components/style_switcher/style_switcher.vue
@@ -0,0 +1,7 @@
+<template>
+  <select v-model="selected">
+    <option v-for="style in availableStyles" >{{style}}</option>
+  </select>
+</template>
+
+<script src="./style_switcher.js"></script>
diff --git a/src/main.js b/src/main.js
index ce81ed4d..1c24b28c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -61,4 +61,4 @@ new Vue({
   components: { App }
 })
 
-StyleSetter.setStyle('/static/css/solarized-light.css')
+StyleSetter.setStyle('/static/css/base16-solarized-light.css')
diff --git a/static/css/base16-3024.css b/static/css/base16-3024.css
new file mode 100644
index 00000000..91859e27
--- /dev/null
+++ b/static/css/base16-3024.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #090300; }
+.base01-background { background-color: #3a3432; }
+.base02-background { background-color: #4a4543; }
+.base03-background { background-color: #5c5855; }
+.base04-background { background-color: #807d7c; }
+.base05-background { background-color: #a5a2a2; }
+.base06-background { background-color: #d6d5d4; }
+.base07-background { background-color: #f7f7f7; }
+.base08-background { background-color: #db2d20; }
+.base09-background { background-color: #e8bbd0; }
+.base0A-background { background-color: #fded02; }
+.base0B-background { background-color: #01a252; }
+.base0C-background { background-color: #b5e4f4; }
+.base0D-background { background-color: #01a0e4; }
+.base0E-background { background-color: #a16a94; }
+.base0F-background { background-color: #cdab53; }
+
+.base00 { color: #090300; }
+.base01 { color: #3a3432; }
+.base02 { color: #4a4543; }
+.base03 { color: #5c5855; }
+.base04 { color: #807d7c; }
+.base05 { color: #a5a2a2; }
+.base06 { color: #d6d5d4; }
+.base07 { color: #f7f7f7; }
+.base08 { color: #db2d20; }
+.base09 { color: #e8bbd0; }
+.base0A { color: #fded02; }
+.base0B { color: #01a252; }
+.base0C { color: #b5e4f4; }
+.base0D { color: #01a0e4; }
+.base0E { color: #a16a94; }
+.base0F { color: #cdab53; }
diff --git a/static/css/base16-apathy.css b/static/css/base16-apathy.css
new file mode 100644
index 00000000..2e99ba1f
--- /dev/null
+++ b/static/css/base16-apathy.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #031A16; }
+.base01-background { background-color: #0B342D; }
+.base02-background { background-color: #184E45; }
+.base03-background { background-color: #2B685E; }
+.base04-background { background-color: #5F9C92; }
+.base05-background { background-color: #81B5AC; }
+.base06-background { background-color: #A7CEC8; }
+.base07-background { background-color: #D2E7E4; }
+.base08-background { background-color: #3E9688; }
+.base09-background { background-color: #3E7996; }
+.base0A-background { background-color: #3E4C96; }
+.base0B-background { background-color: #883E96; }
+.base0C-background { background-color: #963E4C; }
+.base0D-background { background-color: #96883E; }
+.base0E-background { background-color: #4C963E; }
+.base0F-background { background-color: #3E965B; }
+
+.base00 { color: #031A16; }
+.base01 { color: #0B342D; }
+.base02 { color: #184E45; }
+.base03 { color: #2B685E; }
+.base04 { color: #5F9C92; }
+.base05 { color: #81B5AC; }
+.base06 { color: #A7CEC8; }
+.base07 { color: #D2E7E4; }
+.base08 { color: #3E9688; }
+.base09 { color: #3E7996; }
+.base0A { color: #3E4C96; }
+.base0B { color: #883E96; }
+.base0C { color: #963E4C; }
+.base0D { color: #96883E; }
+.base0E { color: #4C963E; }
+.base0F { color: #3E965B; }
diff --git a/static/css/base16-ashes.css b/static/css/base16-ashes.css
new file mode 100644
index 00000000..d10e1918
--- /dev/null
+++ b/static/css/base16-ashes.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1C2023; }
+.base01-background { background-color: #393F45; }
+.base02-background { background-color: #565E65; }
+.base03-background { background-color: #747C84; }
+.base04-background { background-color: #ADB3BA; }
+.base05-background { background-color: #C7CCD1; }
+.base06-background { background-color: #DFE2E5; }
+.base07-background { background-color: #F3F4F5; }
+.base08-background { background-color: #C7AE95; }
+.base09-background { background-color: #C7C795; }
+.base0A-background { background-color: #AEC795; }
+.base0B-background { background-color: #95C7AE; }
+.base0C-background { background-color: #95AEC7; }
+.base0D-background { background-color: #AE95C7; }
+.base0E-background { background-color: #C795AE; }
+.base0F-background { background-color: #C79595; }
+
+.base00 { color: #1C2023; }
+.base01 { color: #393F45; }
+.base02 { color: #565E65; }
+.base03 { color: #747C84; }
+.base04 { color: #ADB3BA; }
+.base05 { color: #C7CCD1; }
+.base06 { color: #DFE2E5; }
+.base07 { color: #F3F4F5; }
+.base08 { color: #C7AE95; }
+.base09 { color: #C7C795; }
+.base0A { color: #AEC795; }
+.base0B { color: #95C7AE; }
+.base0C { color: #95AEC7; }
+.base0D { color: #AE95C7; }
+.base0E { color: #C795AE; }
+.base0F { color: #C79595; }
diff --git a/static/css/base16-atelier-cave.css b/static/css/base16-atelier-cave.css
new file mode 100644
index 00000000..5ac17f97
--- /dev/null
+++ b/static/css/base16-atelier-cave.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #19171c; }
+.base01-background { background-color: #26232a; }
+.base02-background { background-color: #585260; }
+.base03-background { background-color: #655f6d; }
+.base04-background { background-color: #7e7887; }
+.base05-background { background-color: #8b8792; }
+.base06-background { background-color: #e2dfe7; }
+.base07-background { background-color: #efecf4; }
+.base08-background { background-color: #be4678; }
+.base09-background { background-color: #aa573c; }
+.base0A-background { background-color: #a06e3b; }
+.base0B-background { background-color: #2a9292; }
+.base0C-background { background-color: #398bc6; }
+.base0D-background { background-color: #576ddb; }
+.base0E-background { background-color: #955ae7; }
+.base0F-background { background-color: #bf40bf; }
+
+.base00 { color: #19171c; }
+.base01 { color: #26232a; }
+.base02 { color: #585260; }
+.base03 { color: #655f6d; }
+.base04 { color: #7e7887; }
+.base05 { color: #8b8792; }
+.base06 { color: #e2dfe7; }
+.base07 { color: #efecf4; }
+.base08 { color: #be4678; }
+.base09 { color: #aa573c; }
+.base0A { color: #a06e3b; }
+.base0B { color: #2a9292; }
+.base0C { color: #398bc6; }
+.base0D { color: #576ddb; }
+.base0E { color: #955ae7; }
+.base0F { color: #bf40bf; }
diff --git a/static/css/base16-atelier-dune.css b/static/css/base16-atelier-dune.css
new file mode 100644
index 00000000..cfb2d9a1
--- /dev/null
+++ b/static/css/base16-atelier-dune.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #20201d; }
+.base01-background { background-color: #292824; }
+.base02-background { background-color: #6e6b5e; }
+.base03-background { background-color: #7d7a68; }
+.base04-background { background-color: #999580; }
+.base05-background { background-color: #a6a28c; }
+.base06-background { background-color: #e8e4cf; }
+.base07-background { background-color: #fefbec; }
+.base08-background { background-color: #d73737; }
+.base09-background { background-color: #b65611; }
+.base0A-background { background-color: #ae9513; }
+.base0B-background { background-color: #60ac39; }
+.base0C-background { background-color: #1fad83; }
+.base0D-background { background-color: #6684e1; }
+.base0E-background { background-color: #b854d4; }
+.base0F-background { background-color: #d43552; }
+
+.base00 { color: #20201d; }
+.base01 { color: #292824; }
+.base02 { color: #6e6b5e; }
+.base03 { color: #7d7a68; }
+.base04 { color: #999580; }
+.base05 { color: #a6a28c; }
+.base06 { color: #e8e4cf; }
+.base07 { color: #fefbec; }
+.base08 { color: #d73737; }
+.base09 { color: #b65611; }
+.base0A { color: #ae9513; }
+.base0B { color: #60ac39; }
+.base0C { color: #1fad83; }
+.base0D { color: #6684e1; }
+.base0E { color: #b854d4; }
+.base0F { color: #d43552; }
diff --git a/static/css/base16-atelier-estuary.css b/static/css/base16-atelier-estuary.css
new file mode 100644
index 00000000..76d82c75
--- /dev/null
+++ b/static/css/base16-atelier-estuary.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #22221b; }
+.base01-background { background-color: #302f27; }
+.base02-background { background-color: #5f5e4e; }
+.base03-background { background-color: #6c6b5a; }
+.base04-background { background-color: #878573; }
+.base05-background { background-color: #929181; }
+.base06-background { background-color: #e7e6df; }
+.base07-background { background-color: #f4f3ec; }
+.base08-background { background-color: #ba6236; }
+.base09-background { background-color: #ae7313; }
+.base0A-background { background-color: #a5980d; }
+.base0B-background { background-color: #7d9726; }
+.base0C-background { background-color: #5b9d48; }
+.base0D-background { background-color: #36a166; }
+.base0E-background { background-color: #5f9182; }
+.base0F-background { background-color: #9d6c7c; }
+
+.base00 { color: #22221b; }
+.base01 { color: #302f27; }
+.base02 { color: #5f5e4e; }
+.base03 { color: #6c6b5a; }
+.base04 { color: #878573; }
+.base05 { color: #929181; }
+.base06 { color: #e7e6df; }
+.base07 { color: #f4f3ec; }
+.base08 { color: #ba6236; }
+.base09 { color: #ae7313; }
+.base0A { color: #a5980d; }
+.base0B { color: #7d9726; }
+.base0C { color: #5b9d48; }
+.base0D { color: #36a166; }
+.base0E { color: #5f9182; }
+.base0F { color: #9d6c7c; }
diff --git a/static/css/base16-atelier-forest.css b/static/css/base16-atelier-forest.css
new file mode 100644
index 00000000..8108ed8f
--- /dev/null
+++ b/static/css/base16-atelier-forest.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1b1918; }
+.base01-background { background-color: #2c2421; }
+.base02-background { background-color: #68615e; }
+.base03-background { background-color: #766e6b; }
+.base04-background { background-color: #9c9491; }
+.base05-background { background-color: #a8a19f; }
+.base06-background { background-color: #e6e2e0; }
+.base07-background { background-color: #f1efee; }
+.base08-background { background-color: #f22c40; }
+.base09-background { background-color: #df5320; }
+.base0A-background { background-color: #c38418; }
+.base0B-background { background-color: #7b9726; }
+.base0C-background { background-color: #3d97b8; }
+.base0D-background { background-color: #407ee7; }
+.base0E-background { background-color: #6666ea; }
+.base0F-background { background-color: #c33ff3; }
+
+.base00 { color: #1b1918; }
+.base01 { color: #2c2421; }
+.base02 { color: #68615e; }
+.base03 { color: #766e6b; }
+.base04 { color: #9c9491; }
+.base05 { color: #a8a19f; }
+.base06 { color: #e6e2e0; }
+.base07 { color: #f1efee; }
+.base08 { color: #f22c40; }
+.base09 { color: #df5320; }
+.base0A { color: #c38418; }
+.base0B { color: #7b9726; }
+.base0C { color: #3d97b8; }
+.base0D { color: #407ee7; }
+.base0E { color: #6666ea; }
+.base0F { color: #c33ff3; }
diff --git a/static/css/base16-atelier-heath.css b/static/css/base16-atelier-heath.css
new file mode 100644
index 00000000..8858cb80
--- /dev/null
+++ b/static/css/base16-atelier-heath.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1b181b; }
+.base01-background { background-color: #292329; }
+.base02-background { background-color: #695d69; }
+.base03-background { background-color: #776977; }
+.base04-background { background-color: #9e8f9e; }
+.base05-background { background-color: #ab9bab; }
+.base06-background { background-color: #d8cad8; }
+.base07-background { background-color: #f7f3f7; }
+.base08-background { background-color: #ca402b; }
+.base09-background { background-color: #a65926; }
+.base0A-background { background-color: #bb8a35; }
+.base0B-background { background-color: #918b3b; }
+.base0C-background { background-color: #159393; }
+.base0D-background { background-color: #516aec; }
+.base0E-background { background-color: #7b59c0; }
+.base0F-background { background-color: #cc33cc; }
+
+.base00 { color: #1b181b; }
+.base01 { color: #292329; }
+.base02 { color: #695d69; }
+.base03 { color: #776977; }
+.base04 { color: #9e8f9e; }
+.base05 { color: #ab9bab; }
+.base06 { color: #d8cad8; }
+.base07 { color: #f7f3f7; }
+.base08 { color: #ca402b; }
+.base09 { color: #a65926; }
+.base0A { color: #bb8a35; }
+.base0B { color: #918b3b; }
+.base0C { color: #159393; }
+.base0D { color: #516aec; }
+.base0E { color: #7b59c0; }
+.base0F { color: #cc33cc; }
diff --git a/static/css/base16-atelier-lakeside.css b/static/css/base16-atelier-lakeside.css
new file mode 100644
index 00000000..77d44c5f
--- /dev/null
+++ b/static/css/base16-atelier-lakeside.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #161b1d; }
+.base01-background { background-color: #1f292e; }
+.base02-background { background-color: #516d7b; }
+.base03-background { background-color: #5a7b8c; }
+.base04-background { background-color: #7195a8; }
+.base05-background { background-color: #7ea2b4; }
+.base06-background { background-color: #c1e4f6; }
+.base07-background { background-color: #ebf8ff; }
+.base08-background { background-color: #d22d72; }
+.base09-background { background-color: #935c25; }
+.base0A-background { background-color: #8a8a0f; }
+.base0B-background { background-color: #568c3b; }
+.base0C-background { background-color: #2d8f6f; }
+.base0D-background { background-color: #257fad; }
+.base0E-background { background-color: #6b6bb8; }
+.base0F-background { background-color: #b72dd2; }
+
+.base00 { color: #161b1d; }
+.base01 { color: #1f292e; }
+.base02 { color: #516d7b; }
+.base03 { color: #5a7b8c; }
+.base04 { color: #7195a8; }
+.base05 { color: #7ea2b4; }
+.base06 { color: #c1e4f6; }
+.base07 { color: #ebf8ff; }
+.base08 { color: #d22d72; }
+.base09 { color: #935c25; }
+.base0A { color: #8a8a0f; }
+.base0B { color: #568c3b; }
+.base0C { color: #2d8f6f; }
+.base0D { color: #257fad; }
+.base0E { color: #6b6bb8; }
+.base0F { color: #b72dd2; }
diff --git a/static/css/base16-atelier-plateau.css b/static/css/base16-atelier-plateau.css
new file mode 100644
index 00000000..a7445030
--- /dev/null
+++ b/static/css/base16-atelier-plateau.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1b1818; }
+.base01-background { background-color: #292424; }
+.base02-background { background-color: #585050; }
+.base03-background { background-color: #655d5d; }
+.base04-background { background-color: #7e7777; }
+.base05-background { background-color: #8a8585; }
+.base06-background { background-color: #e7dfdf; }
+.base07-background { background-color: #f4ecec; }
+.base08-background { background-color: #ca4949; }
+.base09-background { background-color: #b45a3c; }
+.base0A-background { background-color: #a06e3b; }
+.base0B-background { background-color: #4b8b8b; }
+.base0C-background { background-color: #5485b6; }
+.base0D-background { background-color: #7272ca; }
+.base0E-background { background-color: #8464c4; }
+.base0F-background { background-color: #bd5187; }
+
+.base00 { color: #1b1818; }
+.base01 { color: #292424; }
+.base02 { color: #585050; }
+.base03 { color: #655d5d; }
+.base04 { color: #7e7777; }
+.base05 { color: #8a8585; }
+.base06 { color: #e7dfdf; }
+.base07 { color: #f4ecec; }
+.base08 { color: #ca4949; }
+.base09 { color: #b45a3c; }
+.base0A { color: #a06e3b; }
+.base0B { color: #4b8b8b; }
+.base0C { color: #5485b6; }
+.base0D { color: #7272ca; }
+.base0E { color: #8464c4; }
+.base0F { color: #bd5187; }
diff --git a/static/css/base16-atelier-savanna.css b/static/css/base16-atelier-savanna.css
new file mode 100644
index 00000000..be728d07
--- /dev/null
+++ b/static/css/base16-atelier-savanna.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #171c19; }
+.base01-background { background-color: #232a25; }
+.base02-background { background-color: #526057; }
+.base03-background { background-color: #5f6d64; }
+.base04-background { background-color: #78877d; }
+.base05-background { background-color: #87928a; }
+.base06-background { background-color: #dfe7e2; }
+.base07-background { background-color: #ecf4ee; }
+.base08-background { background-color: #b16139; }
+.base09-background { background-color: #9f713c; }
+.base0A-background { background-color: #a07e3b; }
+.base0B-background { background-color: #489963; }
+.base0C-background { background-color: #1c9aa0; }
+.base0D-background { background-color: #478c90; }
+.base0E-background { background-color: #55859b; }
+.base0F-background { background-color: #867469; }
+
+.base00 { color: #171c19; }
+.base01 { color: #232a25; }
+.base02 { color: #526057; }
+.base03 { color: #5f6d64; }
+.base04 { color: #78877d; }
+.base05 { color: #87928a; }
+.base06 { color: #dfe7e2; }
+.base07 { color: #ecf4ee; }
+.base08 { color: #b16139; }
+.base09 { color: #9f713c; }
+.base0A { color: #a07e3b; }
+.base0B { color: #489963; }
+.base0C { color: #1c9aa0; }
+.base0D { color: #478c90; }
+.base0E { color: #55859b; }
+.base0F { color: #867469; }
diff --git a/static/css/base16-atelier-seaside.css b/static/css/base16-atelier-seaside.css
new file mode 100644
index 00000000..8b391466
--- /dev/null
+++ b/static/css/base16-atelier-seaside.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #131513; }
+.base01-background { background-color: #242924; }
+.base02-background { background-color: #5e6e5e; }
+.base03-background { background-color: #687d68; }
+.base04-background { background-color: #809980; }
+.base05-background { background-color: #8ca68c; }
+.base06-background { background-color: #cfe8cf; }
+.base07-background { background-color: #f4fbf4; }
+.base08-background { background-color: #e6193c; }
+.base09-background { background-color: #87711d; }
+.base0A-background { background-color: #98981b; }
+.base0B-background { background-color: #29a329; }
+.base0C-background { background-color: #1999b3; }
+.base0D-background { background-color: #3d62f5; }
+.base0E-background { background-color: #ad2bee; }
+.base0F-background { background-color: #e619c3; }
+
+.base00 { color: #131513; }
+.base01 { color: #242924; }
+.base02 { color: #5e6e5e; }
+.base03 { color: #687d68; }
+.base04 { color: #809980; }
+.base05 { color: #8ca68c; }
+.base06 { color: #cfe8cf; }
+.base07 { color: #f4fbf4; }
+.base08 { color: #e6193c; }
+.base09 { color: #87711d; }
+.base0A { color: #98981b; }
+.base0B { color: #29a329; }
+.base0C { color: #1999b3; }
+.base0D { color: #3d62f5; }
+.base0E { color: #ad2bee; }
+.base0F { color: #e619c3; }
diff --git a/static/css/base16-atelier-sulphurpool.css b/static/css/base16-atelier-sulphurpool.css
new file mode 100644
index 00000000..fb44d6e0
--- /dev/null
+++ b/static/css/base16-atelier-sulphurpool.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #202746; }
+.base01-background { background-color: #293256; }
+.base02-background { background-color: #5e6687; }
+.base03-background { background-color: #6b7394; }
+.base04-background { background-color: #898ea4; }
+.base05-background { background-color: #979db4; }
+.base06-background { background-color: #dfe2f1; }
+.base07-background { background-color: #f5f7ff; }
+.base08-background { background-color: #c94922; }
+.base09-background { background-color: #c76b29; }
+.base0A-background { background-color: #c08b30; }
+.base0B-background { background-color: #ac9739; }
+.base0C-background { background-color: #22a2c9; }
+.base0D-background { background-color: #3d8fd1; }
+.base0E-background { background-color: #6679cc; }
+.base0F-background { background-color: #9c637a; }
+
+.base00 { color: #202746; }
+.base01 { color: #293256; }
+.base02 { color: #5e6687; }
+.base03 { color: #6b7394; }
+.base04 { color: #898ea4; }
+.base05 { color: #979db4; }
+.base06 { color: #dfe2f1; }
+.base07 { color: #f5f7ff; }
+.base08 { color: #c94922; }
+.base09 { color: #c76b29; }
+.base0A { color: #c08b30; }
+.base0B { color: #ac9739; }
+.base0C { color: #22a2c9; }
+.base0D { color: #3d8fd1; }
+.base0E { color: #6679cc; }
+.base0F { color: #9c637a; }
diff --git a/static/css/base16-bespin.css b/static/css/base16-bespin.css
new file mode 100644
index 00000000..48a9dcf7
--- /dev/null
+++ b/static/css/base16-bespin.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #28211c; }
+.base01-background { background-color: #36312e; }
+.base02-background { background-color: #5e5d5c; }
+.base03-background { background-color: #666666; }
+.base04-background { background-color: #797977; }
+.base05-background { background-color: #8a8986; }
+.base06-background { background-color: #9d9b97; }
+.base07-background { background-color: #baae9e; }
+.base08-background { background-color: #cf6a4c; }
+.base09-background { background-color: #cf7d34; }
+.base0A-background { background-color: #f9ee98; }
+.base0B-background { background-color: #54be0d; }
+.base0C-background { background-color: #afc4db; }
+.base0D-background { background-color: #5ea6ea; }
+.base0E-background { background-color: #9b859d; }
+.base0F-background { background-color: #937121; }
+
+.base00 { color: #28211c; }
+.base01 { color: #36312e; }
+.base02 { color: #5e5d5c; }
+.base03 { color: #666666; }
+.base04 { color: #797977; }
+.base05 { color: #8a8986; }
+.base06 { color: #9d9b97; }
+.base07 { color: #baae9e; }
+.base08 { color: #cf6a4c; }
+.base09 { color: #cf7d34; }
+.base0A { color: #f9ee98; }
+.base0B { color: #54be0d; }
+.base0C { color: #afc4db; }
+.base0D { color: #5ea6ea; }
+.base0E { color: #9b859d; }
+.base0F { color: #937121; }
diff --git a/static/css/base16-brewer.css b/static/css/base16-brewer.css
new file mode 100644
index 00000000..c88f219b
--- /dev/null
+++ b/static/css/base16-brewer.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #0c0d0e; }
+.base01-background { background-color: #2e2f30; }
+.base02-background { background-color: #515253; }
+.base03-background { background-color: #737475; }
+.base04-background { background-color: #959697; }
+.base05-background { background-color: #b7b8b9; }
+.base06-background { background-color: #dadbdc; }
+.base07-background { background-color: #fcfdfe; }
+.base08-background { background-color: #e31a1c; }
+.base09-background { background-color: #e6550d; }
+.base0A-background { background-color: #dca060; }
+.base0B-background { background-color: #31a354; }
+.base0C-background { background-color: #80b1d3; }
+.base0D-background { background-color: #3182bd; }
+.base0E-background { background-color: #756bb1; }
+.base0F-background { background-color: #b15928; }
+
+.base00 { color: #0c0d0e; }
+.base01 { color: #2e2f30; }
+.base02 { color: #515253; }
+.base03 { color: #737475; }
+.base04 { color: #959697; }
+.base05 { color: #b7b8b9; }
+.base06 { color: #dadbdc; }
+.base07 { color: #fcfdfe; }
+.base08 { color: #e31a1c; }
+.base09 { color: #e6550d; }
+.base0A { color: #dca060; }
+.base0B { color: #31a354; }
+.base0C { color: #80b1d3; }
+.base0D { color: #3182bd; }
+.base0E { color: #756bb1; }
+.base0F { color: #b15928; }
diff --git a/static/css/base16-bright.css b/static/css/base16-bright.css
new file mode 100644
index 00000000..c2333b8d
--- /dev/null
+++ b/static/css/base16-bright.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #000000; }
+.base01-background { background-color: #303030; }
+.base02-background { background-color: #505050; }
+.base03-background { background-color: #b0b0b0; }
+.base04-background { background-color: #d0d0d0; }
+.base05-background { background-color: #e0e0e0; }
+.base06-background { background-color: #f5f5f5; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #fb0120; }
+.base09-background { background-color: #fc6d24; }
+.base0A-background { background-color: #fda331; }
+.base0B-background { background-color: #a1c659; }
+.base0C-background { background-color: #76c7b7; }
+.base0D-background { background-color: #6fb3d2; }
+.base0E-background { background-color: #d381c3; }
+.base0F-background { background-color: #be643c; }
+
+.base00 { color: #000000; }
+.base01 { color: #303030; }
+.base02 { color: #505050; }
+.base03 { color: #b0b0b0; }
+.base04 { color: #d0d0d0; }
+.base05 { color: #e0e0e0; }
+.base06 { color: #f5f5f5; }
+.base07 { color: #ffffff; }
+.base08 { color: #fb0120; }
+.base09 { color: #fc6d24; }
+.base0A { color: #fda331; }
+.base0B { color: #a1c659; }
+.base0C { color: #76c7b7; }
+.base0D { color: #6fb3d2; }
+.base0E { color: #d381c3; }
+.base0F { color: #be643c; }
diff --git a/static/css/base16-chalk.css b/static/css/base16-chalk.css
new file mode 100644
index 00000000..e3cb3c20
--- /dev/null
+++ b/static/css/base16-chalk.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #151515; }
+.base01-background { background-color: #202020; }
+.base02-background { background-color: #303030; }
+.base03-background { background-color: #505050; }
+.base04-background { background-color: #b0b0b0; }
+.base05-background { background-color: #d0d0d0; }
+.base06-background { background-color: #e0e0e0; }
+.base07-background { background-color: #f5f5f5; }
+.base08-background { background-color: #fb9fb1; }
+.base09-background { background-color: #eda987; }
+.base0A-background { background-color: #ddb26f; }
+.base0B-background { background-color: #acc267; }
+.base0C-background { background-color: #12cfc0; }
+.base0D-background { background-color: #6fc2ef; }
+.base0E-background { background-color: #e1a3ee; }
+.base0F-background { background-color: #deaf8f; }
+
+.base00 { color: #151515; }
+.base01 { color: #202020; }
+.base02 { color: #303030; }
+.base03 { color: #505050; }
+.base04 { color: #b0b0b0; }
+.base05 { color: #d0d0d0; }
+.base06 { color: #e0e0e0; }
+.base07 { color: #f5f5f5; }
+.base08 { color: #fb9fb1; }
+.base09 { color: #eda987; }
+.base0A { color: #ddb26f; }
+.base0B { color: #acc267; }
+.base0C { color: #12cfc0; }
+.base0D { color: #6fc2ef; }
+.base0E { color: #e1a3ee; }
+.base0F { color: #deaf8f; }
diff --git a/static/css/base16-codeschool.css b/static/css/base16-codeschool.css
new file mode 100644
index 00000000..00194bbf
--- /dev/null
+++ b/static/css/base16-codeschool.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #232c31; }
+.base01-background { background-color: #1c3657; }
+.base02-background { background-color: #2a343a; }
+.base03-background { background-color: #3f4944; }
+.base04-background { background-color: #84898c; }
+.base05-background { background-color: #9ea7a6; }
+.base06-background { background-color: #a7cfa3; }
+.base07-background { background-color: #b5d8f6; }
+.base08-background { background-color: #2a5491; }
+.base09-background { background-color: #43820d; }
+.base0A-background { background-color: #a03b1e; }
+.base0B-background { background-color: #237986; }
+.base0C-background { background-color: #b02f30; }
+.base0D-background { background-color: #484d79; }
+.base0E-background { background-color: #c59820; }
+.base0F-background { background-color: #c98344; }
+
+.base00 { color: #232c31; }
+.base01 { color: #1c3657; }
+.base02 { color: #2a343a; }
+.base03 { color: #3f4944; }
+.base04 { color: #84898c; }
+.base05 { color: #9ea7a6; }
+.base06 { color: #a7cfa3; }
+.base07 { color: #b5d8f6; }
+.base08 { color: #2a5491; }
+.base09 { color: #43820d; }
+.base0A { color: #a03b1e; }
+.base0B { color: #237986; }
+.base0C { color: #b02f30; }
+.base0D { color: #484d79; }
+.base0E { color: #c59820; }
+.base0F { color: #c98344; }
diff --git a/static/css/base16-darktooth.css b/static/css/base16-darktooth.css
new file mode 100644
index 00000000..53448706
--- /dev/null
+++ b/static/css/base16-darktooth.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1D2021; }
+.base01-background { background-color: #32302F; }
+.base02-background { background-color: #504945; }
+.base03-background { background-color: #665C54; }
+.base04-background { background-color: #928374; }
+.base05-background { background-color: #A89984; }
+.base06-background { background-color: #D5C4A1; }
+.base07-background { background-color: #FDF4C1; }
+.base08-background { background-color: #FB543F; }
+.base09-background { background-color: #FE8625; }
+.base0A-background { background-color: #FAC03B; }
+.base0B-background { background-color: #95C085; }
+.base0C-background { background-color: #8BA59B; }
+.base0D-background { background-color: #0D6678; }
+.base0E-background { background-color: #8F4673; }
+.base0F-background { background-color: #A87322; }
+
+.base00 { color: #1D2021; }
+.base01 { color: #32302F; }
+.base02 { color: #504945; }
+.base03 { color: #665C54; }
+.base04 { color: #928374; }
+.base05 { color: #A89984; }
+.base06 { color: #D5C4A1; }
+.base07 { color: #FDF4C1; }
+.base08 { color: #FB543F; }
+.base09 { color: #FE8625; }
+.base0A { color: #FAC03B; }
+.base0B { color: #95C085; }
+.base0C { color: #8BA59B; }
+.base0D { color: #0D6678; }
+.base0E { color: #8F4673; }
+.base0F { color: #A87322; }
diff --git a/static/css/base16-default-dark.css b/static/css/base16-default-dark.css
new file mode 100644
index 00000000..3cd7e860
--- /dev/null
+++ b/static/css/base16-default-dark.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #181818; }
+.base01-background { background-color: #282828; }
+.base02-background { background-color: #383838; }
+.base03-background { background-color: #585858; }
+.base04-background { background-color: #b8b8b8; }
+.base05-background { background-color: #d8d8d8; }
+.base06-background { background-color: #e8e8e8; }
+.base07-background { background-color: #f8f8f8; }
+.base08-background { background-color: #ab4642; }
+.base09-background { background-color: #dc9656; }
+.base0A-background { background-color: #f7ca88; }
+.base0B-background { background-color: #a1b56c; }
+.base0C-background { background-color: #86c1b9; }
+.base0D-background { background-color: #7cafc2; }
+.base0E-background { background-color: #ba8baf; }
+.base0F-background { background-color: #a16946; }
+
+.base00 { color: #181818; }
+.base01 { color: #282828; }
+.base02 { color: #383838; }
+.base03 { color: #585858; }
+.base04 { color: #b8b8b8; }
+.base05 { color: #d8d8d8; }
+.base06 { color: #e8e8e8; }
+.base07 { color: #f8f8f8; }
+.base08 { color: #ab4642; }
+.base09 { color: #dc9656; }
+.base0A { color: #f7ca88; }
+.base0B { color: #a1b56c; }
+.base0C { color: #86c1b9; }
+.base0D { color: #7cafc2; }
+.base0E { color: #ba8baf; }
+.base0F { color: #a16946; }
diff --git a/static/css/base16-default-light.css b/static/css/base16-default-light.css
new file mode 100644
index 00000000..7e660c30
--- /dev/null
+++ b/static/css/base16-default-light.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #f8f8f8; }
+.base01-background { background-color: #e8e8e8; }
+.base02-background { background-color: #d8d8d8; }
+.base03-background { background-color: #b8b8b8; }
+.base04-background { background-color: #585858; }
+.base05-background { background-color: #383838; }
+.base06-background { background-color: #282828; }
+.base07-background { background-color: #181818; }
+.base08-background { background-color: #ab4642; }
+.base09-background { background-color: #dc9656; }
+.base0A-background { background-color: #f7ca88; }
+.base0B-background { background-color: #a1b56c; }
+.base0C-background { background-color: #86c1b9; }
+.base0D-background { background-color: #7cafc2; }
+.base0E-background { background-color: #ba8baf; }
+.base0F-background { background-color: #a16946; }
+
+.base00 { color: #f8f8f8; }
+.base01 { color: #e8e8e8; }
+.base02 { color: #d8d8d8; }
+.base03 { color: #b8b8b8; }
+.base04 { color: #585858; }
+.base05 { color: #383838; }
+.base06 { color: #282828; }
+.base07 { color: #181818; }
+.base08 { color: #ab4642; }
+.base09 { color: #dc9656; }
+.base0A { color: #f7ca88; }
+.base0B { color: #a1b56c; }
+.base0C { color: #86c1b9; }
+.base0D { color: #7cafc2; }
+.base0E { color: #ba8baf; }
+.base0F { color: #a16946; }
diff --git a/static/css/base16-eighties.css b/static/css/base16-eighties.css
new file mode 100644
index 00000000..8ffcf04d
--- /dev/null
+++ b/static/css/base16-eighties.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #2d2d2d; }
+.base01-background { background-color: #393939; }
+.base02-background { background-color: #515151; }
+.base03-background { background-color: #747369; }
+.base04-background { background-color: #a09f93; }
+.base05-background { background-color: #d3d0c8; }
+.base06-background { background-color: #e8e6df; }
+.base07-background { background-color: #f2f0ec; }
+.base08-background { background-color: #f2777a; }
+.base09-background { background-color: #f99157; }
+.base0A-background { background-color: #ffcc66; }
+.base0B-background { background-color: #99cc99; }
+.base0C-background { background-color: #66cccc; }
+.base0D-background { background-color: #6699cc; }
+.base0E-background { background-color: #cc99cc; }
+.base0F-background { background-color: #d27b53; }
+
+.base00 { color: #2d2d2d; }
+.base01 { color: #393939; }
+.base02 { color: #515151; }
+.base03 { color: #747369; }
+.base04 { color: #a09f93; }
+.base05 { color: #d3d0c8; }
+.base06 { color: #e8e6df; }
+.base07 { color: #f2f0ec; }
+.base08 { color: #f2777a; }
+.base09 { color: #f99157; }
+.base0A { color: #ffcc66; }
+.base0B { color: #99cc99; }
+.base0C { color: #66cccc; }
+.base0D { color: #6699cc; }
+.base0E { color: #cc99cc; }
+.base0F { color: #d27b53; }
diff --git a/static/css/base16-embers.css b/static/css/base16-embers.css
new file mode 100644
index 00000000..74e9b769
--- /dev/null
+++ b/static/css/base16-embers.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #16130F; }
+.base01-background { background-color: #2C2620; }
+.base02-background { background-color: #433B32; }
+.base03-background { background-color: #5A5047; }
+.base04-background { background-color: #8A8075; }
+.base05-background { background-color: #A39A90; }
+.base06-background { background-color: #BEB6AE; }
+.base07-background { background-color: #DBD6D1; }
+.base08-background { background-color: #826D57; }
+.base09-background { background-color: #828257; }
+.base0A-background { background-color: #6D8257; }
+.base0B-background { background-color: #57826D; }
+.base0C-background { background-color: #576D82; }
+.base0D-background { background-color: #6D5782; }
+.base0E-background { background-color: #82576D; }
+.base0F-background { background-color: #825757; }
+
+.base00 { color: #16130F; }
+.base01 { color: #2C2620; }
+.base02 { color: #433B32; }
+.base03 { color: #5A5047; }
+.base04 { color: #8A8075; }
+.base05 { color: #A39A90; }
+.base06 { color: #BEB6AE; }
+.base07 { color: #DBD6D1; }
+.base08 { color: #826D57; }
+.base09 { color: #828257; }
+.base0A { color: #6D8257; }
+.base0B { color: #57826D; }
+.base0C { color: #576D82; }
+.base0D { color: #6D5782; }
+.base0E { color: #82576D; }
+.base0F { color: #825757; }
diff --git a/static/css/base16-flat.css b/static/css/base16-flat.css
new file mode 100644
index 00000000..72918a5d
--- /dev/null
+++ b/static/css/base16-flat.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #2C3E50; }
+.base01-background { background-color: #34495E; }
+.base02-background { background-color: #7F8C8D; }
+.base03-background { background-color: #95A5A6; }
+.base04-background { background-color: #BDC3C7; }
+.base05-background { background-color: #e0e0e0; }
+.base06-background { background-color: #f5f5f5; }
+.base07-background { background-color: #ECF0F1; }
+.base08-background { background-color: #E74C3C; }
+.base09-background { background-color: #E67E22; }
+.base0A-background { background-color: #F1C40F; }
+.base0B-background { background-color: #2ECC71; }
+.base0C-background { background-color: #1ABC9C; }
+.base0D-background { background-color: #3498DB; }
+.base0E-background { background-color: #9B59B6; }
+.base0F-background { background-color: #be643c; }
+
+.base00 { color: #2C3E50; }
+.base01 { color: #34495E; }
+.base02 { color: #7F8C8D; }
+.base03 { color: #95A5A6; }
+.base04 { color: #BDC3C7; }
+.base05 { color: #e0e0e0; }
+.base06 { color: #f5f5f5; }
+.base07 { color: #ECF0F1; }
+.base08 { color: #E74C3C; }
+.base09 { color: #E67E22; }
+.base0A { color: #F1C40F; }
+.base0B { color: #2ECC71; }
+.base0C { color: #1ABC9C; }
+.base0D { color: #3498DB; }
+.base0E { color: #9B59B6; }
+.base0F { color: #be643c; }
diff --git a/static/css/base16-github.css b/static/css/base16-github.css
new file mode 100644
index 00000000..080ed34c
--- /dev/null
+++ b/static/css/base16-github.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #ffffff; }
+.base01-background { background-color: #f5f5f5; }
+.base02-background { background-color: #c8c8fa; }
+.base03-background { background-color: #969896; }
+.base04-background { background-color: #e8e8e8; }
+.base05-background { background-color: #333333; }
+.base06-background { background-color: #ffffff; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #ed6a43; }
+.base09-background { background-color: #0086b3; }
+.base0A-background { background-color: #795da3; }
+.base0B-background { background-color: #183691; }
+.base0C-background { background-color: #183691; }
+.base0D-background { background-color: #795da3; }
+.base0E-background { background-color: #a71d5d; }
+.base0F-background { background-color: #333333; }
+
+.base00 { color: #ffffff; }
+.base01 { color: #f5f5f5; }
+.base02 { color: #c8c8fa; }
+.base03 { color: #969896; }
+.base04 { color: #e8e8e8; }
+.base05 { color: #333333; }
+.base06 { color: #ffffff; }
+.base07 { color: #ffffff; }
+.base08 { color: #ed6a43; }
+.base09 { color: #0086b3; }
+.base0A { color: #795da3; }
+.base0B { color: #183691; }
+.base0C { color: #183691; }
+.base0D { color: #795da3; }
+.base0E { color: #a71d5d; }
+.base0F { color: #333333; }
diff --git a/static/css/base16-google-dark.css b/static/css/base16-google-dark.css
new file mode 100644
index 00000000..988eac51
--- /dev/null
+++ b/static/css/base16-google-dark.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1d1f21; }
+.base01-background { background-color: #282a2e; }
+.base02-background { background-color: #373b41; }
+.base03-background { background-color: #969896; }
+.base04-background { background-color: #b4b7b4; }
+.base05-background { background-color: #c5c8c6; }
+.base06-background { background-color: #e0e0e0; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #CC342B; }
+.base09-background { background-color: #F96A38; }
+.base0A-background { background-color: #FBA922; }
+.base0B-background { background-color: #198844; }
+.base0C-background { background-color: #3971ED; }
+.base0D-background { background-color: #3971ED; }
+.base0E-background { background-color: #A36AC7; }
+.base0F-background { background-color: #3971ED; }
+
+.base00 { color: #1d1f21; }
+.base01 { color: #282a2e; }
+.base02 { color: #373b41; }
+.base03 { color: #969896; }
+.base04 { color: #b4b7b4; }
+.base05 { color: #c5c8c6; }
+.base06 { color: #e0e0e0; }
+.base07 { color: #ffffff; }
+.base08 { color: #CC342B; }
+.base09 { color: #F96A38; }
+.base0A { color: #FBA922; }
+.base0B { color: #198844; }
+.base0C { color: #3971ED; }
+.base0D { color: #3971ED; }
+.base0E { color: #A36AC7; }
+.base0F { color: #3971ED; }
diff --git a/static/css/base16-google-light.css b/static/css/base16-google-light.css
new file mode 100644
index 00000000..2ee2a606
--- /dev/null
+++ b/static/css/base16-google-light.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #ffffff; }
+.base01-background { background-color: #e0e0e0; }
+.base02-background { background-color: #c5c8c6; }
+.base03-background { background-color: #b4b7b4; }
+.base04-background { background-color: #969896; }
+.base05-background { background-color: #373b41; }
+.base06-background { background-color: #282a2e; }
+.base07-background { background-color: #1d1f21; }
+.base08-background { background-color: #CC342B; }
+.base09-background { background-color: #F96A38; }
+.base0A-background { background-color: #FBA922; }
+.base0B-background { background-color: #198844; }
+.base0C-background { background-color: #3971ED; }
+.base0D-background { background-color: #3971ED; }
+.base0E-background { background-color: #A36AC7; }
+.base0F-background { background-color: #3971ED; }
+
+.base00 { color: #ffffff; }
+.base01 { color: #e0e0e0; }
+.base02 { color: #c5c8c6; }
+.base03 { color: #b4b7b4; }
+.base04 { color: #969896; }
+.base05 { color: #373b41; }
+.base06 { color: #282a2e; }
+.base07 { color: #1d1f21; }
+.base08 { color: #CC342B; }
+.base09 { color: #F96A38; }
+.base0A { color: #FBA922; }
+.base0B { color: #198844; }
+.base0C { color: #3971ED; }
+.base0D { color: #3971ED; }
+.base0E { color: #A36AC7; }
+.base0F { color: #3971ED; }
diff --git a/static/css/base16-grayscale-dark.css b/static/css/base16-grayscale-dark.css
new file mode 100644
index 00000000..dc0dd03a
--- /dev/null
+++ b/static/css/base16-grayscale-dark.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #101010; }
+.base01-background { background-color: #252525; }
+.base02-background { background-color: #464646; }
+.base03-background { background-color: #525252; }
+.base04-background { background-color: #ababab; }
+.base05-background { background-color: #b9b9b9; }
+.base06-background { background-color: #e3e3e3; }
+.base07-background { background-color: #f7f7f7; }
+.base08-background { background-color: #7c7c7c; }
+.base09-background { background-color: #999999; }
+.base0A-background { background-color: #a0a0a0; }
+.base0B-background { background-color: #8e8e8e; }
+.base0C-background { background-color: #868686; }
+.base0D-background { background-color: #686868; }
+.base0E-background { background-color: #747474; }
+.base0F-background { background-color: #5e5e5e; }
+
+.base00 { color: #101010; }
+.base01 { color: #252525; }
+.base02 { color: #464646; }
+.base03 { color: #525252; }
+.base04 { color: #ababab; }
+.base05 { color: #b9b9b9; }
+.base06 { color: #e3e3e3; }
+.base07 { color: #f7f7f7; }
+.base08 { color: #7c7c7c; }
+.base09 { color: #999999; }
+.base0A { color: #a0a0a0; }
+.base0B { color: #8e8e8e; }
+.base0C { color: #868686; }
+.base0D { color: #686868; }
+.base0E { color: #747474; }
+.base0F { color: #5e5e5e; }
diff --git a/static/css/base16-grayscale-light.css b/static/css/base16-grayscale-light.css
new file mode 100644
index 00000000..f9fd213a
--- /dev/null
+++ b/static/css/base16-grayscale-light.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #f7f7f7; }
+.base01-background { background-color: #e3e3e3; }
+.base02-background { background-color: #b9b9b9; }
+.base03-background { background-color: #ababab; }
+.base04-background { background-color: #525252; }
+.base05-background { background-color: #464646; }
+.base06-background { background-color: #252525; }
+.base07-background { background-color: #101010; }
+.base08-background { background-color: #7c7c7c; }
+.base09-background { background-color: #999999; }
+.base0A-background { background-color: #a0a0a0; }
+.base0B-background { background-color: #8e8e8e; }
+.base0C-background { background-color: #868686; }
+.base0D-background { background-color: #686868; }
+.base0E-background { background-color: #747474; }
+.base0F-background { background-color: #5e5e5e; }
+
+.base00 { color: #f7f7f7; }
+.base01 { color: #e3e3e3; }
+.base02 { color: #b9b9b9; }
+.base03 { color: #ababab; }
+.base04 { color: #525252; }
+.base05 { color: #464646; }
+.base06 { color: #252525; }
+.base07 { color: #101010; }
+.base08 { color: #7c7c7c; }
+.base09 { color: #999999; }
+.base0A { color: #a0a0a0; }
+.base0B { color: #8e8e8e; }
+.base0C { color: #868686; }
+.base0D { color: #686868; }
+.base0E { color: #747474; }
+.base0F { color: #5e5e5e; }
diff --git a/static/css/base16-green-screen.css b/static/css/base16-green-screen.css
new file mode 100644
index 00000000..205efeae
--- /dev/null
+++ b/static/css/base16-green-screen.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #001100; }
+.base01-background { background-color: #003300; }
+.base02-background { background-color: #005500; }
+.base03-background { background-color: #007700; }
+.base04-background { background-color: #009900; }
+.base05-background { background-color: #00bb00; }
+.base06-background { background-color: #00dd00; }
+.base07-background { background-color: #00ff00; }
+.base08-background { background-color: #007700; }
+.base09-background { background-color: #009900; }
+.base0A-background { background-color: #007700; }
+.base0B-background { background-color: #00bb00; }
+.base0C-background { background-color: #005500; }
+.base0D-background { background-color: #009900; }
+.base0E-background { background-color: #00bb00; }
+.base0F-background { background-color: #005500; }
+
+.base00 { color: #001100; }
+.base01 { color: #003300; }
+.base02 { color: #005500; }
+.base03 { color: #007700; }
+.base04 { color: #009900; }
+.base05 { color: #00bb00; }
+.base06 { color: #00dd00; }
+.base07 { color: #00ff00; }
+.base08 { color: #007700; }
+.base09 { color: #009900; }
+.base0A { color: #007700; }
+.base0B { color: #00bb00; }
+.base0C { color: #005500; }
+.base0D { color: #009900; }
+.base0E { color: #00bb00; }
+.base0F { color: #005500; }
diff --git a/static/css/base16-harmonic16-dark.css b/static/css/base16-harmonic16-dark.css
new file mode 100644
index 00000000..0c2c7ce4
--- /dev/null
+++ b/static/css/base16-harmonic16-dark.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #0b1c2c; }
+.base01-background { background-color: #223b54; }
+.base02-background { background-color: #405c79; }
+.base03-background { background-color: #627e99; }
+.base04-background { background-color: #aabcce; }
+.base05-background { background-color: #cbd6e2; }
+.base06-background { background-color: #e5ebf1; }
+.base07-background { background-color: #f7f9fb; }
+.base08-background { background-color: #bf8b56; }
+.base09-background { background-color: #bfbf56; }
+.base0A-background { background-color: #8bbf56; }
+.base0B-background { background-color: #56bf8b; }
+.base0C-background { background-color: #568bbf; }
+.base0D-background { background-color: #8b56bf; }
+.base0E-background { background-color: #bf568b; }
+.base0F-background { background-color: #bf5656; }
+
+.base00 { color: #0b1c2c; }
+.base01 { color: #223b54; }
+.base02 { color: #405c79; }
+.base03 { color: #627e99; }
+.base04 { color: #aabcce; }
+.base05 { color: #cbd6e2; }
+.base06 { color: #e5ebf1; }
+.base07 { color: #f7f9fb; }
+.base08 { color: #bf8b56; }
+.base09 { color: #bfbf56; }
+.base0A { color: #8bbf56; }
+.base0B { color: #56bf8b; }
+.base0C { color: #568bbf; }
+.base0D { color: #8b56bf; }
+.base0E { color: #bf568b; }
+.base0F { color: #bf5656; }
diff --git a/static/css/base16-harmonic16-light.css b/static/css/base16-harmonic16-light.css
new file mode 100644
index 00000000..37bb7679
--- /dev/null
+++ b/static/css/base16-harmonic16-light.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #f7f9fb; }
+.base01-background { background-color: #e5ebf1; }
+.base02-background { background-color: #cbd6e2; }
+.base03-background { background-color: #aabcce; }
+.base04-background { background-color: #627e99; }
+.base05-background { background-color: #405c79; }
+.base06-background { background-color: #223b54; }
+.base07-background { background-color: #0b1c2c; }
+.base08-background { background-color: #bf8b56; }
+.base09-background { background-color: #bfbf56; }
+.base0A-background { background-color: #8bbf56; }
+.base0B-background { background-color: #56bf8b; }
+.base0C-background { background-color: #568bbf; }
+.base0D-background { background-color: #8b56bf; }
+.base0E-background { background-color: #bf568b; }
+.base0F-background { background-color: #bf5656; }
+
+.base00 { color: #f7f9fb; }
+.base01 { color: #e5ebf1; }
+.base02 { color: #cbd6e2; }
+.base03 { color: #aabcce; }
+.base04 { color: #627e99; }
+.base05 { color: #405c79; }
+.base06 { color: #223b54; }
+.base07 { color: #0b1c2c; }
+.base08 { color: #bf8b56; }
+.base09 { color: #bfbf56; }
+.base0A { color: #8bbf56; }
+.base0B { color: #56bf8b; }
+.base0C { color: #568bbf; }
+.base0D { color: #8b56bf; }
+.base0E { color: #bf568b; }
+.base0F { color: #bf5656; }
diff --git a/static/css/base16-hopscotch.css b/static/css/base16-hopscotch.css
new file mode 100644
index 00000000..f2ad232c
--- /dev/null
+++ b/static/css/base16-hopscotch.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #322931; }
+.base01-background { background-color: #433b42; }
+.base02-background { background-color: #5c545b; }
+.base03-background { background-color: #797379; }
+.base04-background { background-color: #989498; }
+.base05-background { background-color: #b9b5b8; }
+.base06-background { background-color: #d5d3d5; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #dd464c; }
+.base09-background { background-color: #fd8b19; }
+.base0A-background { background-color: #fdcc59; }
+.base0B-background { background-color: #8fc13e; }
+.base0C-background { background-color: #149b93; }
+.base0D-background { background-color: #1290bf; }
+.base0E-background { background-color: #c85e7c; }
+.base0F-background { background-color: #b33508; }
+
+.base00 { color: #322931; }
+.base01 { color: #433b42; }
+.base02 { color: #5c545b; }
+.base03 { color: #797379; }
+.base04 { color: #989498; }
+.base05 { color: #b9b5b8; }
+.base06 { color: #d5d3d5; }
+.base07 { color: #ffffff; }
+.base08 { color: #dd464c; }
+.base09 { color: #fd8b19; }
+.base0A { color: #fdcc59; }
+.base0B { color: #8fc13e; }
+.base0C { color: #149b93; }
+.base0D { color: #1290bf; }
+.base0E { color: #c85e7c; }
+.base0F { color: #b33508; }
diff --git a/static/css/base16-ir-black.css b/static/css/base16-ir-black.css
new file mode 100644
index 00000000..8d14ab9b
--- /dev/null
+++ b/static/css/base16-ir-black.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #000000; }
+.base01-background { background-color: #242422; }
+.base02-background { background-color: #484844; }
+.base03-background { background-color: #6c6c66; }
+.base04-background { background-color: #918f88; }
+.base05-background { background-color: #b5b3aa; }
+.base06-background { background-color: #d9d7cc; }
+.base07-background { background-color: #fdfbee; }
+.base08-background { background-color: #ff6c60; }
+.base09-background { background-color: #e9c062; }
+.base0A-background { background-color: #ffffb6; }
+.base0B-background { background-color: #a8ff60; }
+.base0C-background { background-color: #c6c5fe; }
+.base0D-background { background-color: #96cbfe; }
+.base0E-background { background-color: #ff73fd; }
+.base0F-background { background-color: #b18a3d; }
+
+.base00 { color: #000000; }
+.base01 { color: #242422; }
+.base02 { color: #484844; }
+.base03 { color: #6c6c66; }
+.base04 { color: #918f88; }
+.base05 { color: #b5b3aa; }
+.base06 { color: #d9d7cc; }
+.base07 { color: #fdfbee; }
+.base08 { color: #ff6c60; }
+.base09 { color: #e9c062; }
+.base0A { color: #ffffb6; }
+.base0B { color: #a8ff60; }
+.base0C { color: #c6c5fe; }
+.base0D { color: #96cbfe; }
+.base0E { color: #ff73fd; }
+.base0F { color: #b18a3d; }
diff --git a/static/css/base16-isotope.css b/static/css/base16-isotope.css
new file mode 100644
index 00000000..f7a4a0b4
--- /dev/null
+++ b/static/css/base16-isotope.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #000000; }
+.base01-background { background-color: #404040; }
+.base02-background { background-color: #606060; }
+.base03-background { background-color: #808080; }
+.base04-background { background-color: #c0c0c0; }
+.base05-background { background-color: #d0d0d0; }
+.base06-background { background-color: #e0e0e0; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #ff0000; }
+.base09-background { background-color: #ff9900; }
+.base0A-background { background-color: #ff0099; }
+.base0B-background { background-color: #33ff00; }
+.base0C-background { background-color: #00ffff; }
+.base0D-background { background-color: #0066ff; }
+.base0E-background { background-color: #cc00ff; }
+.base0F-background { background-color: #3300ff; }
+
+.base00 { color: #000000; }
+.base01 { color: #404040; }
+.base02 { color: #606060; }
+.base03 { color: #808080; }
+.base04 { color: #c0c0c0; }
+.base05 { color: #d0d0d0; }
+.base06 { color: #e0e0e0; }
+.base07 { color: #ffffff; }
+.base08 { color: #ff0000; }
+.base09 { color: #ff9900; }
+.base0A { color: #ff0099; }
+.base0B { color: #33ff00; }
+.base0C { color: #00ffff; }
+.base0D { color: #0066ff; }
+.base0E { color: #cc00ff; }
+.base0F { color: #3300ff; }
diff --git a/static/css/base16-london-tube.css b/static/css/base16-london-tube.css
new file mode 100644
index 00000000..0537d1ad
--- /dev/null
+++ b/static/css/base16-london-tube.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #231f20; }
+.base01-background { background-color: #1c3f95; }
+.base02-background { background-color: #5a5758; }
+.base03-background { background-color: #737171; }
+.base04-background { background-color: #959ca1; }
+.base05-background { background-color: #d9d8d8; }
+.base06-background { background-color: #e7e7e8; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #ee2e24; }
+.base09-background { background-color: #f386a1; }
+.base0A-background { background-color: #ffd204; }
+.base0B-background { background-color: #00853e; }
+.base0C-background { background-color: #85cebc; }
+.base0D-background { background-color: #009ddc; }
+.base0E-background { background-color: #98005d; }
+.base0F-background { background-color: #b06110; }
+
+.base00 { color: #231f20; }
+.base01 { color: #1c3f95; }
+.base02 { color: #5a5758; }
+.base03 { color: #737171; }
+.base04 { color: #959ca1; }
+.base05 { color: #d9d8d8; }
+.base06 { color: #e7e7e8; }
+.base07 { color: #ffffff; }
+.base08 { color: #ee2e24; }
+.base09 { color: #f386a1; }
+.base0A { color: #ffd204; }
+.base0B { color: #00853e; }
+.base0C { color: #85cebc; }
+.base0D { color: #009ddc; }
+.base0E { color: #98005d; }
+.base0F { color: #b06110; }
diff --git a/static/css/base16-macintosh.css b/static/css/base16-macintosh.css
new file mode 100644
index 00000000..d5969fec
--- /dev/null
+++ b/static/css/base16-macintosh.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #000000; }
+.base01-background { background-color: #404040; }
+.base02-background { background-color: #404040; }
+.base03-background { background-color: #808080; }
+.base04-background { background-color: #808080; }
+.base05-background { background-color: #c0c0c0; }
+.base06-background { background-color: #c0c0c0; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #dd0907; }
+.base09-background { background-color: #ff6403; }
+.base0A-background { background-color: #fbf305; }
+.base0B-background { background-color: #1fb714; }
+.base0C-background { background-color: #02abea; }
+.base0D-background { background-color: #0000d3; }
+.base0E-background { background-color: #4700a5; }
+.base0F-background { background-color: #90713a; }
+
+.base00 { color: #000000; }
+.base01 { color: #404040; }
+.base02 { color: #404040; }
+.base03 { color: #808080; }
+.base04 { color: #808080; }
+.base05 { color: #c0c0c0; }
+.base06 { color: #c0c0c0; }
+.base07 { color: #ffffff; }
+.base08 { color: #dd0907; }
+.base09 { color: #ff6403; }
+.base0A { color: #fbf305; }
+.base0B { color: #1fb714; }
+.base0C { color: #02abea; }
+.base0D { color: #0000d3; }
+.base0E { color: #4700a5; }
+.base0F { color: #90713a; }
diff --git a/static/css/base16-marrakesh.css b/static/css/base16-marrakesh.css
new file mode 100644
index 00000000..91f0471f
--- /dev/null
+++ b/static/css/base16-marrakesh.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #201602; }
+.base01-background { background-color: #302e00; }
+.base02-background { background-color: #5f5b17; }
+.base03-background { background-color: #6c6823; }
+.base04-background { background-color: #86813b; }
+.base05-background { background-color: #948e48; }
+.base06-background { background-color: #ccc37a; }
+.base07-background { background-color: #faf0a5; }
+.base08-background { background-color: #c35359; }
+.base09-background { background-color: #b36144; }
+.base0A-background { background-color: #a88339; }
+.base0B-background { background-color: #18974e; }
+.base0C-background { background-color: #75a738; }
+.base0D-background { background-color: #477ca1; }
+.base0E-background { background-color: #8868b3; }
+.base0F-background { background-color: #b3588e; }
+
+.base00 { color: #201602; }
+.base01 { color: #302e00; }
+.base02 { color: #5f5b17; }
+.base03 { color: #6c6823; }
+.base04 { color: #86813b; }
+.base05 { color: #948e48; }
+.base06 { color: #ccc37a; }
+.base07 { color: #faf0a5; }
+.base08 { color: #c35359; }
+.base09 { color: #b36144; }
+.base0A { color: #a88339; }
+.base0B { color: #18974e; }
+.base0C { color: #75a738; }
+.base0D { color: #477ca1; }
+.base0E { color: #8868b3; }
+.base0F { color: #b3588e; }
diff --git a/static/css/base16-materia.css b/static/css/base16-materia.css
new file mode 100644
index 00000000..41d935dd
--- /dev/null
+++ b/static/css/base16-materia.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #263238; }
+.base01-background { background-color: #2C393F; }
+.base02-background { background-color: #37474F; }
+.base03-background { background-color: #707880; }
+.base04-background { background-color: #C9CCD3; }
+.base05-background { background-color: #CDD3DE; }
+.base06-background { background-color: #D5DBE5; }
+.base07-background { background-color: #FFFFFF; }
+.base08-background { background-color: #EC5F67; }
+.base09-background { background-color: #EA9560; }
+.base0A-background { background-color: #FFCC00; }
+.base0B-background { background-color: #8BD649; }
+.base0C-background { background-color: #80CBC4; }
+.base0D-background { background-color: #89DDFF; }
+.base0E-background { background-color: #82AAFF; }
+.base0F-background { background-color: #EC5F67; }
+
+.base00 { color: #263238; }
+.base01 { color: #2C393F; }
+.base02 { color: #37474F; }
+.base03 { color: #707880; }
+.base04 { color: #C9CCD3; }
+.base05 { color: #CDD3DE; }
+.base06 { color: #D5DBE5; }
+.base07 { color: #FFFFFF; }
+.base08 { color: #EC5F67; }
+.base09 { color: #EA9560; }
+.base0A { color: #FFCC00; }
+.base0B { color: #8BD649; }
+.base0C { color: #80CBC4; }
+.base0D { color: #89DDFF; }
+.base0E { color: #82AAFF; }
+.base0F { color: #EC5F67; }
diff --git a/static/css/base16-mexico-light.css b/static/css/base16-mexico-light.css
new file mode 100644
index 00000000..1916c67b
--- /dev/null
+++ b/static/css/base16-mexico-light.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #f8f8f8; }
+.base01-background { background-color: #e8e8e8; }
+.base02-background { background-color: #d8d8d8; }
+.base03-background { background-color: #b8b8b8; }
+.base04-background { background-color: #585858; }
+.base05-background { background-color: #383838; }
+.base06-background { background-color: #282828; }
+.base07-background { background-color: #181818; }
+.base08-background { background-color: #ab4642; }
+.base09-background { background-color: #dc9656; }
+.base0A-background { background-color: #f79a0e; }
+.base0B-background { background-color: #538947; }
+.base0C-background { background-color: #4b8093; }
+.base0D-background { background-color: #7cafc2; }
+.base0E-background { background-color: #96609e; }
+.base0F-background { background-color: #a16946; }
+
+.base00 { color: #f8f8f8; }
+.base01 { color: #e8e8e8; }
+.base02 { color: #d8d8d8; }
+.base03 { color: #b8b8b8; }
+.base04 { color: #585858; }
+.base05 { color: #383838; }
+.base06 { color: #282828; }
+.base07 { color: #181818; }
+.base08 { color: #ab4642; }
+.base09 { color: #dc9656; }
+.base0A { color: #f79a0e; }
+.base0B { color: #538947; }
+.base0C { color: #4b8093; }
+.base0D { color: #7cafc2; }
+.base0E { color: #96609e; }
+.base0F { color: #a16946; }
diff --git a/static/css/base16-mocha.css b/static/css/base16-mocha.css
new file mode 100644
index 00000000..6cb2fb58
--- /dev/null
+++ b/static/css/base16-mocha.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #3B3228; }
+.base01-background { background-color: #534636; }
+.base02-background { background-color: #645240; }
+.base03-background { background-color: #7e705a; }
+.base04-background { background-color: #b8afad; }
+.base05-background { background-color: #d0c8c6; }
+.base06-background { background-color: #e9e1dd; }
+.base07-background { background-color: #f5eeeb; }
+.base08-background { background-color: #cb6077; }
+.base09-background { background-color: #d28b71; }
+.base0A-background { background-color: #f4bc87; }
+.base0B-background { background-color: #beb55b; }
+.base0C-background { background-color: #7bbda4; }
+.base0D-background { background-color: #8ab3b5; }
+.base0E-background { background-color: #a89bb9; }
+.base0F-background { background-color: #bb9584; }
+
+.base00 { color: #3B3228; }
+.base01 { color: #534636; }
+.base02 { color: #645240; }
+.base03 { color: #7e705a; }
+.base04 { color: #b8afad; }
+.base05 { color: #d0c8c6; }
+.base06 { color: #e9e1dd; }
+.base07 { color: #f5eeeb; }
+.base08 { color: #cb6077; }
+.base09 { color: #d28b71; }
+.base0A { color: #f4bc87; }
+.base0B { color: #beb55b; }
+.base0C { color: #7bbda4; }
+.base0D { color: #8ab3b5; }
+.base0E { color: #a89bb9; }
+.base0F { color: #bb9584; }
diff --git a/static/css/base16-monokai.css b/static/css/base16-monokai.css
new file mode 100644
index 00000000..fc7ccf47
--- /dev/null
+++ b/static/css/base16-monokai.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #272822; }
+.base01-background { background-color: #383830; }
+.base02-background { background-color: #49483e; }
+.base03-background { background-color: #75715e; }
+.base04-background { background-color: #a59f85; }
+.base05-background { background-color: #f8f8f2; }
+.base06-background { background-color: #f5f4f1; }
+.base07-background { background-color: #f9f8f5; }
+.base08-background { background-color: #f92672; }
+.base09-background { background-color: #fd971f; }
+.base0A-background { background-color: #f4bf75; }
+.base0B-background { background-color: #a6e22e; }
+.base0C-background { background-color: #a1efe4; }
+.base0D-background { background-color: #66d9ef; }
+.base0E-background { background-color: #ae81ff; }
+.base0F-background { background-color: #cc6633; }
+
+.base00 { color: #272822; }
+.base01 { color: #383830; }
+.base02 { color: #49483e; }
+.base03 { color: #75715e; }
+.base04 { color: #a59f85; }
+.base05 { color: #f8f8f2; }
+.base06 { color: #f5f4f1; }
+.base07 { color: #f9f8f5; }
+.base08 { color: #f92672; }
+.base09 { color: #fd971f; }
+.base0A { color: #f4bf75; }
+.base0B { color: #a6e22e; }
+.base0C { color: #a1efe4; }
+.base0D { color: #66d9ef; }
+.base0E { color: #ae81ff; }
+.base0F { color: #cc6633; }
diff --git a/static/css/base16-ocean.css b/static/css/base16-ocean.css
new file mode 100644
index 00000000..8622d17e
--- /dev/null
+++ b/static/css/base16-ocean.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #2b303b; }
+.base01-background { background-color: #343d46; }
+.base02-background { background-color: #4f5b66; }
+.base03-background { background-color: #65737e; }
+.base04-background { background-color: #a7adba; }
+.base05-background { background-color: #c0c5ce; }
+.base06-background { background-color: #dfe1e8; }
+.base07-background { background-color: #eff1f5; }
+.base08-background { background-color: #bf616a; }
+.base09-background { background-color: #d08770; }
+.base0A-background { background-color: #ebcb8b; }
+.base0B-background { background-color: #a3be8c; }
+.base0C-background { background-color: #96b5b4; }
+.base0D-background { background-color: #8fa1b3; }
+.base0E-background { background-color: #b48ead; }
+.base0F-background { background-color: #ab7967; }
+
+.base00 { color: #2b303b; }
+.base01 { color: #343d46; }
+.base02 { color: #4f5b66; }
+.base03 { color: #65737e; }
+.base04 { color: #a7adba; }
+.base05 { color: #c0c5ce; }
+.base06 { color: #dfe1e8; }
+.base07 { color: #eff1f5; }
+.base08 { color: #bf616a; }
+.base09 { color: #d08770; }
+.base0A { color: #ebcb8b; }
+.base0B { color: #a3be8c; }
+.base0C { color: #96b5b4; }
+.base0D { color: #8fa1b3; }
+.base0E { color: #b48ead; }
+.base0F { color: #ab7967; }
diff --git a/static/css/base16-oceanicnext.css b/static/css/base16-oceanicnext.css
new file mode 100644
index 00000000..df4d9ef5
--- /dev/null
+++ b/static/css/base16-oceanicnext.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1B2B34; }
+.base01-background { background-color: #343D46; }
+.base02-background { background-color: #4F5B66; }
+.base03-background { background-color: #65737E; }
+.base04-background { background-color: #A7ADBA; }
+.base05-background { background-color: #C0C5CE; }
+.base06-background { background-color: #CDD3DE; }
+.base07-background { background-color: #D8DEE9; }
+.base08-background { background-color: #EC5f67; }
+.base09-background { background-color: #F99157; }
+.base0A-background { background-color: #FAC863; }
+.base0B-background { background-color: #99C794; }
+.base0C-background { background-color: #5FB3B3; }
+.base0D-background { background-color: #6699CC; }
+.base0E-background { background-color: #C594C5; }
+.base0F-background { background-color: #AB7967; }
+
+.base00 { color: #1B2B34; }
+.base01 { color: #343D46; }
+.base02 { color: #4F5B66; }
+.base03 { color: #65737E; }
+.base04 { color: #A7ADBA; }
+.base05 { color: #C0C5CE; }
+.base06 { color: #CDD3DE; }
+.base07 { color: #D8DEE9; }
+.base08 { color: #EC5f67; }
+.base09 { color: #F99157; }
+.base0A { color: #FAC863; }
+.base0B { color: #99C794; }
+.base0C { color: #5FB3B3; }
+.base0D { color: #6699CC; }
+.base0E { color: #C594C5; }
+.base0F { color: #AB7967; }
diff --git a/static/css/base16-paraiso.css b/static/css/base16-paraiso.css
new file mode 100644
index 00000000..b68c9407
--- /dev/null
+++ b/static/css/base16-paraiso.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #2f1e2e; }
+.base01-background { background-color: #41323f; }
+.base02-background { background-color: #4f424c; }
+.base03-background { background-color: #776e71; }
+.base04-background { background-color: #8d8687; }
+.base05-background { background-color: #a39e9b; }
+.base06-background { background-color: #b9b6b0; }
+.base07-background { background-color: #e7e9db; }
+.base08-background { background-color: #ef6155; }
+.base09-background { background-color: #f99b15; }
+.base0A-background { background-color: #fec418; }
+.base0B-background { background-color: #48b685; }
+.base0C-background { background-color: #5bc4bf; }
+.base0D-background { background-color: #06b6ef; }
+.base0E-background { background-color: #815ba4; }
+.base0F-background { background-color: #e96ba8; }
+
+.base00 { color: #2f1e2e; }
+.base01 { color: #41323f; }
+.base02 { color: #4f424c; }
+.base03 { color: #776e71; }
+.base04 { color: #8d8687; }
+.base05 { color: #a39e9b; }
+.base06 { color: #b9b6b0; }
+.base07 { color: #e7e9db; }
+.base08 { color: #ef6155; }
+.base09 { color: #f99b15; }
+.base0A { color: #fec418; }
+.base0B { color: #48b685; }
+.base0C { color: #5bc4bf; }
+.base0D { color: #06b6ef; }
+.base0E { color: #815ba4; }
+.base0F { color: #e96ba8; }
diff --git a/static/css/base16-phd.css b/static/css/base16-phd.css
new file mode 100644
index 00000000..54276ab1
--- /dev/null
+++ b/static/css/base16-phd.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #061229; }
+.base01-background { background-color: #2a3448; }
+.base02-background { background-color: #4d5666; }
+.base03-background { background-color: #717885; }
+.base04-background { background-color: #9a99a3; }
+.base05-background { background-color: #b8bbc2; }
+.base06-background { background-color: #dbdde0; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #d07346; }
+.base09-background { background-color: #f0a000; }
+.base0A-background { background-color: #fbd461; }
+.base0B-background { background-color: #99bf52; }
+.base0C-background { background-color: #72b9bf; }
+.base0D-background { background-color: #5299bf; }
+.base0E-background { background-color: #9989cc; }
+.base0F-background { background-color: #b08060; }
+
+.base00 { color: #061229; }
+.base01 { color: #2a3448; }
+.base02 { color: #4d5666; }
+.base03 { color: #717885; }
+.base04 { color: #9a99a3; }
+.base05 { color: #b8bbc2; }
+.base06 { color: #dbdde0; }
+.base07 { color: #ffffff; }
+.base08 { color: #d07346; }
+.base09 { color: #f0a000; }
+.base0A { color: #fbd461; }
+.base0B { color: #99bf52; }
+.base0C { color: #72b9bf; }
+.base0D { color: #5299bf; }
+.base0E { color: #9989cc; }
+.base0F { color: #b08060; }
diff --git a/static/css/base16-pico.css b/static/css/base16-pico.css
new file mode 100644
index 00000000..86482b72
--- /dev/null
+++ b/static/css/base16-pico.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #000000; }
+.base01-background { background-color: #1d2b53; }
+.base02-background { background-color: #7e2553; }
+.base03-background { background-color: #008751; }
+.base04-background { background-color: #ab5236; }
+.base05-background { background-color: #5f574f; }
+.base06-background { background-color: #c2c3c7; }
+.base07-background { background-color: #fff1e8; }
+.base08-background { background-color: #ff004d; }
+.base09-background { background-color: #ffa300; }
+.base0A-background { background-color: #fff024; }
+.base0B-background { background-color: #00e756; }
+.base0C-background { background-color: #29adff; }
+.base0D-background { background-color: #83769c; }
+.base0E-background { background-color: #ff77a8; }
+.base0F-background { background-color: #ffccaa; }
+
+.base00 { color: #000000; }
+.base01 { color: #1d2b53; }
+.base02 { color: #7e2553; }
+.base03 { color: #008751; }
+.base04 { color: #ab5236; }
+.base05 { color: #5f574f; }
+.base06 { color: #c2c3c7; }
+.base07 { color: #fff1e8; }
+.base08 { color: #ff004d; }
+.base09 { color: #ffa300; }
+.base0A { color: #fff024; }
+.base0B { color: #00e756; }
+.base0C { color: #29adff; }
+.base0D { color: #83769c; }
+.base0E { color: #ff77a8; }
+.base0F { color: #ffccaa; }
diff --git a/static/css/base16-pop.css b/static/css/base16-pop.css
new file mode 100644
index 00000000..14acac17
--- /dev/null
+++ b/static/css/base16-pop.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #000000; }
+.base01-background { background-color: #202020; }
+.base02-background { background-color: #303030; }
+.base03-background { background-color: #505050; }
+.base04-background { background-color: #b0b0b0; }
+.base05-background { background-color: #d0d0d0; }
+.base06-background { background-color: #e0e0e0; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #eb008a; }
+.base09-background { background-color: #f29333; }
+.base0A-background { background-color: #f8ca12; }
+.base0B-background { background-color: #37b349; }
+.base0C-background { background-color: #00aabb; }
+.base0D-background { background-color: #0e5a94; }
+.base0E-background { background-color: #b31e8d; }
+.base0F-background { background-color: #7a2d00; }
+
+.base00 { color: #000000; }
+.base01 { color: #202020; }
+.base02 { color: #303030; }
+.base03 { color: #505050; }
+.base04 { color: #b0b0b0; }
+.base05 { color: #d0d0d0; }
+.base06 { color: #e0e0e0; }
+.base07 { color: #ffffff; }
+.base08 { color: #eb008a; }
+.base09 { color: #f29333; }
+.base0A { color: #f8ca12; }
+.base0B { color: #37b349; }
+.base0C { color: #00aabb; }
+.base0D { color: #0e5a94; }
+.base0E { color: #b31e8d; }
+.base0F { color: #7a2d00; }
diff --git a/static/css/base16-railscasts.css b/static/css/base16-railscasts.css
new file mode 100644
index 00000000..18f43bfd
--- /dev/null
+++ b/static/css/base16-railscasts.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #2b2b2b; }
+.base01-background { background-color: #272935; }
+.base02-background { background-color: #3a4055; }
+.base03-background { background-color: #5a647e; }
+.base04-background { background-color: #d4cfc9; }
+.base05-background { background-color: #e6e1dc; }
+.base06-background { background-color: #f4f1ed; }
+.base07-background { background-color: #f9f7f3; }
+.base08-background { background-color: #da4939; }
+.base09-background { background-color: #cc7833; }
+.base0A-background { background-color: #ffc66d; }
+.base0B-background { background-color: #a5c261; }
+.base0C-background { background-color: #519f50; }
+.base0D-background { background-color: #6d9cbe; }
+.base0E-background { background-color: #b6b3eb; }
+.base0F-background { background-color: #bc9458; }
+
+.base00 { color: #2b2b2b; }
+.base01 { color: #272935; }
+.base02 { color: #3a4055; }
+.base03 { color: #5a647e; }
+.base04 { color: #d4cfc9; }
+.base05 { color: #e6e1dc; }
+.base06 { color: #f4f1ed; }
+.base07 { color: #f9f7f3; }
+.base08 { color: #da4939; }
+.base09 { color: #cc7833; }
+.base0A { color: #ffc66d; }
+.base0B { color: #a5c261; }
+.base0C { color: #519f50; }
+.base0D { color: #6d9cbe; }
+.base0E { color: #b6b3eb; }
+.base0F { color: #bc9458; }
diff --git a/static/css/base16-seti-ui.css b/static/css/base16-seti-ui.css
new file mode 100644
index 00000000..bd4f9cc4
--- /dev/null
+++ b/static/css/base16-seti-ui.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #151718; }
+.base01-background { background-color: #8ec43d; }
+.base02-background { background-color: #3B758C; }
+.base03-background { background-color: #41535B; }
+.base04-background { background-color: #43a5d5; }
+.base05-background { background-color: #d6d6d6; }
+.base06-background { background-color: #eeeeee; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #Cd3f45; }
+.base09-background { background-color: #db7b55; }
+.base0A-background { background-color: #e6cd69; }
+.base0B-background { background-color: #9fca56; }
+.base0C-background { background-color: #55dbbe; }
+.base0D-background { background-color: #55b5db; }
+.base0E-background { background-color: #a074c4; }
+.base0F-background { background-color: #8a553f; }
+
+.base00 { color: #151718; }
+.base01 { color: #8ec43d; }
+.base02 { color: #3B758C; }
+.base03 { color: #41535B; }
+.base04 { color: #43a5d5; }
+.base05 { color: #d6d6d6; }
+.base06 { color: #eeeeee; }
+.base07 { color: #ffffff; }
+.base08 { color: #Cd3f45; }
+.base09 { color: #db7b55; }
+.base0A { color: #e6cd69; }
+.base0B { color: #9fca56; }
+.base0C { color: #55dbbe; }
+.base0D { color: #55b5db; }
+.base0E { color: #a074c4; }
+.base0F { color: #8a553f; }
diff --git a/static/css/base16-shapeshifter.css b/static/css/base16-shapeshifter.css
new file mode 100644
index 00000000..ded18069
--- /dev/null
+++ b/static/css/base16-shapeshifter.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #f9f9f9; }
+.base01-background { background-color: #e0e0e0; }
+.base02-background { background-color: #ababab; }
+.base03-background { background-color: #555555; }
+.base04-background { background-color: #343434; }
+.base05-background { background-color: #102015; }
+.base06-background { background-color: #040404; }
+.base07-background { background-color: #000000; }
+.base08-background { background-color: #e92f2f; }
+.base09-background { background-color: #e09448; }
+.base0A-background { background-color: #dddd13; }
+.base0B-background { background-color: #0ed839; }
+.base0C-background { background-color: #23edda; }
+.base0D-background { background-color: #3b48e3; }
+.base0E-background { background-color: #f996e2; }
+.base0F-background { background-color: #69542d; }
+
+.base00 { color: #f9f9f9; }
+.base01 { color: #e0e0e0; }
+.base02 { color: #ababab; }
+.base03 { color: #555555; }
+.base04 { color: #343434; }
+.base05 { color: #102015; }
+.base06 { color: #040404; }
+.base07 { color: #000000; }
+.base08 { color: #e92f2f; }
+.base09 { color: #e09448; }
+.base0A { color: #dddd13; }
+.base0B { color: #0ed839; }
+.base0C { color: #23edda; }
+.base0D { color: #3b48e3; }
+.base0E { color: #f996e2; }
+.base0F { color: #69542d; }
diff --git a/static/css/base16-solar-flare.css b/static/css/base16-solar-flare.css
new file mode 100644
index 00000000..7d1d3862
--- /dev/null
+++ b/static/css/base16-solar-flare.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #18262F; }
+.base01-background { background-color: #222E38; }
+.base02-background { background-color: #586875; }
+.base03-background { background-color: #667581; }
+.base04-background { background-color: #85939E; }
+.base05-background { background-color: #A6AFB8; }
+.base06-background { background-color: #E8E9ED; }
+.base07-background { background-color: #F5F7FA; }
+.base08-background { background-color: #EF5253; }
+.base09-background { background-color: #E66B2B; }
+.base0A-background { background-color: #E4B51C; }
+.base0B-background { background-color: #7CC844; }
+.base0C-background { background-color: #52CBB0; }
+.base0D-background { background-color: #33B5E1; }
+.base0E-background { background-color: #A363D5; }
+.base0F-background { background-color: #D73C9A; }
+
+.base00 { color: #18262F; }
+.base01 { color: #222E38; }
+.base02 { color: #586875; }
+.base03 { color: #667581; }
+.base04 { color: #85939E; }
+.base05 { color: #A6AFB8; }
+.base06 { color: #E8E9ED; }
+.base07 { color: #F5F7FA; }
+.base08 { color: #EF5253; }
+.base09 { color: #E66B2B; }
+.base0A { color: #E4B51C; }
+.base0B { color: #7CC844; }
+.base0C { color: #52CBB0; }
+.base0D { color: #33B5E1; }
+.base0E { color: #A363D5; }
+.base0F { color: #D73C9A; }
diff --git a/static/css/solarized-dark.css b/static/css/base16-solarized-dark.css
similarity index 91%
rename from static/css/solarized-dark.css
rename to static/css/base16-solarized-dark.css
index 803b051c..ac16f12c 100644
--- a/static/css/solarized-dark.css
+++ b/static/css/base16-solarized-dark.css
@@ -31,8 +31,3 @@
 .base0D { color: #268bd2; }
 .base0E { color: #6c71c4; }
 .base0F { color: #d33682; }
-
-.base05-border { border-color: #93a1a1; }
-
-a { color: #dc322f; } /* base08 */
-body { color: #93a1a1; } /* base05 */
diff --git a/static/css/solarized-light.css b/static/css/base16-solarized-light.css
similarity index 100%
rename from static/css/solarized-light.css
rename to static/css/base16-solarized-light.css
diff --git a/static/css/base16-spacemacs.css b/static/css/base16-spacemacs.css
new file mode 100644
index 00000000..48737650
--- /dev/null
+++ b/static/css/base16-spacemacs.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1f2022; }
+.base01-background { background-color: #282828; }
+.base02-background { background-color: #444155; }
+.base03-background { background-color: #585858; }
+.base04-background { background-color: #b8b8b8; }
+.base05-background { background-color: #a3a3a3; }
+.base06-background { background-color: #e8e8e8; }
+.base07-background { background-color: #f8f8f8; }
+.base08-background { background-color: #f2241f; }
+.base09-background { background-color: #ffa500; }
+.base0A-background { background-color: #b1951d; }
+.base0B-background { background-color: #67b11d; }
+.base0C-background { background-color: #2d9574; }
+.base0D-background { background-color: #4f97d7; }
+.base0E-background { background-color: #a31db1; }
+.base0F-background { background-color: #b03060; }
+
+.base00 { color: #1f2022; }
+.base01 { color: #282828; }
+.base02 { color: #444155; }
+.base03 { color: #585858; }
+.base04 { color: #b8b8b8; }
+.base05 { color: #a3a3a3; }
+.base06 { color: #e8e8e8; }
+.base07 { color: #f8f8f8; }
+.base08 { color: #f2241f; }
+.base09 { color: #ffa500; }
+.base0A { color: #b1951d; }
+.base0B { color: #67b11d; }
+.base0C { color: #2d9574; }
+.base0D { color: #4f97d7; }
+.base0E { color: #a31db1; }
+.base0F { color: #b03060; }
diff --git a/static/css/base16-summerfruit-dark.css b/static/css/base16-summerfruit-dark.css
new file mode 100644
index 00000000..1c8f2332
--- /dev/null
+++ b/static/css/base16-summerfruit-dark.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #151515; }
+.base01-background { background-color: #202020; }
+.base02-background { background-color: #303030; }
+.base03-background { background-color: #505050; }
+.base04-background { background-color: #B0B0B0; }
+.base05-background { background-color: #D0D0D0; }
+.base06-background { background-color: #E0E0E0; }
+.base07-background { background-color: #FFFFFF; }
+.base08-background { background-color: #FF0086; }
+.base09-background { background-color: #FD8900; }
+.base0A-background { background-color: #ABA800; }
+.base0B-background { background-color: #00C918; }
+.base0C-background { background-color: #1FAAAA; }
+.base0D-background { background-color: #3777E6; }
+.base0E-background { background-color: #AD00A1; }
+.base0F-background { background-color: #CC6633; }
+
+.base00 { color: #151515; }
+.base01 { color: #202020; }
+.base02 { color: #303030; }
+.base03 { color: #505050; }
+.base04 { color: #B0B0B0; }
+.base05 { color: #D0D0D0; }
+.base06 { color: #E0E0E0; }
+.base07 { color: #FFFFFF; }
+.base08 { color: #FF0086; }
+.base09 { color: #FD8900; }
+.base0A { color: #ABA800; }
+.base0B { color: #00C918; }
+.base0C { color: #1FAAAA; }
+.base0D { color: #3777E6; }
+.base0E { color: #AD00A1; }
+.base0F { color: #CC6633; }
diff --git a/static/css/base16-summerfruit-light.css b/static/css/base16-summerfruit-light.css
new file mode 100644
index 00000000..cb54d4c5
--- /dev/null
+++ b/static/css/base16-summerfruit-light.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #FFFFFF; }
+.base01-background { background-color: #E0E0E0; }
+.base02-background { background-color: #D0D0D0; }
+.base03-background { background-color: #B0B0B0; }
+.base04-background { background-color: #000000; }
+.base05-background { background-color: #101010; }
+.base06-background { background-color: #151515; }
+.base07-background { background-color: #202020; }
+.base08-background { background-color: #FF0086; }
+.base09-background { background-color: #FD8900; }
+.base0A-background { background-color: #ABA800; }
+.base0B-background { background-color: #00C918; }
+.base0C-background { background-color: #1FAAAA; }
+.base0D-background { background-color: #3777E6; }
+.base0E-background { background-color: #AD00A1; }
+.base0F-background { background-color: #CC6633; }
+
+.base00 { color: #FFFFFF; }
+.base01 { color: #E0E0E0; }
+.base02 { color: #D0D0D0; }
+.base03 { color: #B0B0B0; }
+.base04 { color: #000000; }
+.base05 { color: #101010; }
+.base06 { color: #151515; }
+.base07 { color: #202020; }
+.base08 { color: #FF0086; }
+.base09 { color: #FD8900; }
+.base0A { color: #ABA800; }
+.base0B { color: #00C918; }
+.base0C { color: #1FAAAA; }
+.base0D { color: #3777E6; }
+.base0E { color: #AD00A1; }
+.base0F { color: #CC6633; }
diff --git a/static/css/base16-tomorrow-night.css b/static/css/base16-tomorrow-night.css
new file mode 100644
index 00000000..09ecf08e
--- /dev/null
+++ b/static/css/base16-tomorrow-night.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1d1f21; }
+.base01-background { background-color: #282a2e; }
+.base02-background { background-color: #373b41; }
+.base03-background { background-color: #969896; }
+.base04-background { background-color: #b4b7b4; }
+.base05-background { background-color: #c5c8c6; }
+.base06-background { background-color: #e0e0e0; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #cc6666; }
+.base09-background { background-color: #de935f; }
+.base0A-background { background-color: #f0c674; }
+.base0B-background { background-color: #b5bd68; }
+.base0C-background { background-color: #8abeb7; }
+.base0D-background { background-color: #81a2be; }
+.base0E-background { background-color: #b294bb; }
+.base0F-background { background-color: #a3685a; }
+
+.base00 { color: #1d1f21; }
+.base01 { color: #282a2e; }
+.base02 { color: #373b41; }
+.base03 { color: #969896; }
+.base04 { color: #b4b7b4; }
+.base05 { color: #c5c8c6; }
+.base06 { color: #e0e0e0; }
+.base07 { color: #ffffff; }
+.base08 { color: #cc6666; }
+.base09 { color: #de935f; }
+.base0A { color: #f0c674; }
+.base0B { color: #b5bd68; }
+.base0C { color: #8abeb7; }
+.base0D { color: #81a2be; }
+.base0E { color: #b294bb; }
+.base0F { color: #a3685a; }
diff --git a/static/css/base16-tomorrow.css b/static/css/base16-tomorrow.css
new file mode 100644
index 00000000..f1486823
--- /dev/null
+++ b/static/css/base16-tomorrow.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #ffffff; }
+.base01-background { background-color: #e0e0e0; }
+.base02-background { background-color: #d6d6d6; }
+.base03-background { background-color: #8e908c; }
+.base04-background { background-color: #969896; }
+.base05-background { background-color: #4d4d4c; }
+.base06-background { background-color: #282a2e; }
+.base07-background { background-color: #1d1f21; }
+.base08-background { background-color: #c82829; }
+.base09-background { background-color: #f5871f; }
+.base0A-background { background-color: #eab700; }
+.base0B-background { background-color: #718c00; }
+.base0C-background { background-color: #3e999f; }
+.base0D-background { background-color: #4271ae; }
+.base0E-background { background-color: #8959a8; }
+.base0F-background { background-color: #a3685a; }
+
+.base00 { color: #ffffff; }
+.base01 { color: #e0e0e0; }
+.base02 { color: #d6d6d6; }
+.base03 { color: #8e908c; }
+.base04 { color: #969896; }
+.base05 { color: #4d4d4c; }
+.base06 { color: #282a2e; }
+.base07 { color: #1d1f21; }
+.base08 { color: #c82829; }
+.base09 { color: #f5871f; }
+.base0A { color: #eab700; }
+.base0B { color: #718c00; }
+.base0C { color: #3e999f; }
+.base0D { color: #4271ae; }
+.base0E { color: #8959a8; }
+.base0F { color: #a3685a; }
diff --git a/static/css/base16-twilight.css b/static/css/base16-twilight.css
new file mode 100644
index 00000000..c8dfda3f
--- /dev/null
+++ b/static/css/base16-twilight.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #1e1e1e; }
+.base01-background { background-color: #323537; }
+.base02-background { background-color: #464b50; }
+.base03-background { background-color: #5f5a60; }
+.base04-background { background-color: #838184; }
+.base05-background { background-color: #a7a7a7; }
+.base06-background { background-color: #c3c3c3; }
+.base07-background { background-color: #ffffff; }
+.base08-background { background-color: #cf6a4c; }
+.base09-background { background-color: #cda869; }
+.base0A-background { background-color: #f9ee98; }
+.base0B-background { background-color: #8f9d6a; }
+.base0C-background { background-color: #afc4db; }
+.base0D-background { background-color: #7587a6; }
+.base0E-background { background-color: #9b859d; }
+.base0F-background { background-color: #9b703f; }
+
+.base00 { color: #1e1e1e; }
+.base01 { color: #323537; }
+.base02 { color: #464b50; }
+.base03 { color: #5f5a60; }
+.base04 { color: #838184; }
+.base05 { color: #a7a7a7; }
+.base06 { color: #c3c3c3; }
+.base07 { color: #ffffff; }
+.base08 { color: #cf6a4c; }
+.base09 { color: #cda869; }
+.base0A { color: #f9ee98; }
+.base0B { color: #8f9d6a; }
+.base0C { color: #afc4db; }
+.base0D { color: #7587a6; }
+.base0E { color: #9b859d; }
+.base0F { color: #9b703f; }
diff --git a/static/css/base16-unikitty-dark.css b/static/css/base16-unikitty-dark.css
new file mode 100644
index 00000000..e6ef32e3
--- /dev/null
+++ b/static/css/base16-unikitty-dark.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #2e2a31; }
+.base01-background { background-color: #4a464d; }
+.base02-background { background-color: #666369; }
+.base03-background { background-color: #838085; }
+.base04-background { background-color: #9f9da2; }
+.base05-background { background-color: #bcbabe; }
+.base06-background { background-color: #d8d7da; }
+.base07-background { background-color: #f5f4f7; }
+.base08-background { background-color: #d8137f; }
+.base09-background { background-color: #d65407; }
+.base0A-background { background-color: #dc8a0e; }
+.base0B-background { background-color: #17ad98; }
+.base0C-background { background-color: #149bda; }
+.base0D-background { background-color: #796af5; }
+.base0E-background { background-color: #bb60ea; }
+.base0F-background { background-color: #c720ca; }
+
+.base00 { color: #2e2a31; }
+.base01 { color: #4a464d; }
+.base02 { color: #666369; }
+.base03 { color: #838085; }
+.base04 { color: #9f9da2; }
+.base05 { color: #bcbabe; }
+.base06 { color: #d8d7da; }
+.base07 { color: #f5f4f7; }
+.base08 { color: #d8137f; }
+.base09 { color: #d65407; }
+.base0A { color: #dc8a0e; }
+.base0B { color: #17ad98; }
+.base0C { color: #149bda; }
+.base0D { color: #796af5; }
+.base0E { color: #bb60ea; }
+.base0F { color: #c720ca; }
diff --git a/static/css/base16-unikitty-light.css b/static/css/base16-unikitty-light.css
new file mode 100644
index 00000000..7e4c51b7
--- /dev/null
+++ b/static/css/base16-unikitty-light.css
@@ -0,0 +1,33 @@
+.base00-background { background-color: #ffffff; }
+.base01-background { background-color: #e1e1e2; }
+.base02-background { background-color: #c4c3c5; }
+.base03-background { background-color: #a7a5a8; }
+.base04-background { background-color: #89878b; }
+.base05-background { background-color: #6c696e; }
+.base06-background { background-color: #4f4b51; }
+.base07-background { background-color: #322d34; }
+.base08-background { background-color: #d8137f; }
+.base09-background { background-color: #d65407; }
+.base0A-background { background-color: #dc8a0e; }
+.base0B-background { background-color: #17ad98; }
+.base0C-background { background-color: #149bda; }
+.base0D-background { background-color: #775dff; }
+.base0E-background { background-color: #aa17e6; }
+.base0F-background { background-color: #e013d0; }
+
+.base00 { color: #ffffff; }
+.base01 { color: #e1e1e2; }
+.base02 { color: #c4c3c5; }
+.base03 { color: #a7a5a8; }
+.base04 { color: #89878b; }
+.base05 { color: #6c696e; }
+.base06 { color: #4f4b51; }
+.base07 { color: #322d34; }
+.base08 { color: #d8137f; }
+.base09 { color: #d65407; }
+.base0A { color: #dc8a0e; }
+.base0B { color: #17ad98; }
+.base0C { color: #149bda; }
+.base0D { color: #775dff; }
+.base0E { color: #aa17e6; }
+.base0F { color: #e013d0; }
diff --git a/static/css/themes.json b/static/css/themes.json
new file mode 100644
index 00000000..e3c35d6d
--- /dev/null
+++ b/static/css/themes.json
@@ -0,0 +1,64 @@
+[
+"base16-3024.css",
+"base16-apathy.css",
+"base16-ashes.css",
+"base16-atelier-cave.css",
+"base16-atelier-dune.css",
+"base16-atelier-estuary.css",
+"base16-atelier-forest.css",
+"base16-atelier-heath.css",
+"base16-atelier-lakeside.css",
+"base16-atelier-plateau.css",
+"base16-atelier-savanna.css",
+"base16-atelier-seaside.css",
+"base16-atelier-sulphurpool.css",
+"base16-bespin.css",
+"base16-brewer.css",
+"base16-bright.css",
+"base16-chalk.css",
+"base16-codeschool.css",
+"base16-darktooth.css",
+"base16-default-dark.css",
+"base16-default-light.css",
+"base16-eighties.css",
+"base16-embers.css",
+"base16-flat.css",
+"base16-github.css",
+"base16-google-dark.css",
+"base16-google-light.css",
+"base16-grayscale-dark.css",
+"base16-grayscale-light.css",
+"base16-green-screen.css",
+"base16-harmonic16-dark.css",
+"base16-harmonic16-light.css",
+"base16-hopscotch.css",
+"base16-ir-black.css",
+"base16-isotope.css",
+"base16-london-tube.css",
+"base16-macintosh.css",
+"base16-marrakesh.css",
+"base16-materia.css",
+"base16-mexico-light.css",
+"base16-mocha.css",
+"base16-monokai.css",
+"base16-ocean.css",
+"base16-oceanicnext.css",
+"base16-paraiso.css",
+"base16-phd.css",
+"base16-pico.css",
+"base16-pop.css",
+"base16-railscasts.css",
+"base16-seti-ui.css",
+"base16-shapeshifter.css",
+"base16-solar-flare.css",
+"base16-solarized-dark.css",
+"base16-solarized-light.css",
+"base16-spacemacs.css",
+"base16-summerfruit-dark.css",
+"base16-summerfruit-light.css",
+"base16-tomorrow-night.css",
+"base16-tomorrow.css",
+"base16-twilight.css",
+"base16-unikitty-dark.css",
+"base16-unikitty-light.css"
+]