Update themes

components/Meta.js

@@ -21,7 +21,7 @@ export default () => (
       <link rel="stylesheet" href='//cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/codemirror.min.css' />
       {
         THEMES.map((theme, i) => (
-          <link key={i} rel="stylesheet" href={theme.link || `//cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/theme/${theme.id}.min.css`}/>
+          <link key={i} rel="stylesheet" href={theme.link || `//cdnjs.cloudflare.com/ajax/libs/codemirror/5.30.0/theme/${theme.id}.min.css`}/>
         ))
       }
       <link rel="stylesheet" href="//cdn.jsdelivr.net/font-hack/2.020/css/hack-extended.min.css" />

lib/constants.js

@@ -1,50 +1,65 @@
 export const THEMES = [
+  {
+    id: '3024-night',
+    name: '3024 Night'
+  },
+  {
+    id: 'ambiance',
+    name: 'Ambiance'
+  },
+  {
+    id: 'blackboard',
+    name: 'Blackboard'
+  },
+  {
+    id: 'cobalt',
+    name: 'Cobalt'
+  },
   {
     id: 'dracula',
     name: 'Dracula'
   },
   {
-    id: 'solarized',
+    id: 'duotone-dark',
-    name: 'Solarized',
+    name: 'Duotone'
-    light: true
   },
   {
-    id: 'zenburn',
+    id: 'hopscotch',
-    name: 'Zenburn'
+    name: 'Hopscotch'
   },
   {
-    id: 'yeti',
+    id: 'material',
-    name: 'Yeti',
+    name: 'Material'
-    light: true
   },
   {
-    id: 'twilight',
+    id: 'monokai',
-    name: 'Twilight'
+    name: 'Monokai'
   },
   {
     id: 'paraiso-dark',
     name: 'Paraiso'
   },
   {
-    id: 'monokai',
+    id: 'seti',
-    name: 'Monokai'
+    name: 'Seti'
   },
   {
-    id: 'material',
+    id: 'solarized',
-    name: 'Material'
+    name: 'Solarized',
+    light: true
   },
   {
-    id: 'isotope',
+    id: 'twilight',
-    name: 'Isotope'
+    name: 'Twilight'
   },
   {
-    id: 'cobalt',
+    id: 'yeti',
-    name: 'Cobalt'
+    name: 'Yeti',
+    light: true
   },
   {
-    id: '3024-day',
+    id: 'zenburn',
-    name: '3024 Day',
+    name: 'Zenburn'
-    light: true
   }
 ]