Link CDN from constants

8 years ago · 51b0087a3b
parent 6befb747db
commit 51b0087a3b
2 changed files with 50 additions and 2 deletions
--- a/components/Meta.js
+++ b/components/Meta.js
@ -1,10 +1,15 @@
 import Head from 'next/head'
+import { THEMES } from '../lib/constants'

 export default () => (
  <div className="meta">
    <Head>
      <link rel="stylesheet" href='//cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/codemirror.min.css' />
-      <link rel="stylesheet" href='//cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/theme/dracula.min.css'/>
+      {
+        THEMES.map(theme => (
+          <link rel="stylesheet" href={`//cdnjs.cloudflare.com/ajax/libs/codemirror/5.26.0/theme/${theme.id}.min.css`}/>
+        ))
+      }
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <meta charSet="utf-8" />
      <link rel="shortcut icon" href="/static/favicon.ico" />
--- a/lib/constants.js
+++ b/lib/constants.js
@ -53,7 +53,50 @@ export const THEMES = [
  },
  {
    id: 'solarized',
-    name: 'Solarized'
+    name: 'Solarized',
+    light: true
+  },
+  {
+    id: 'zenburn',
+    name: 'Zenburn'
+  },
+  {
+    id: 'yeti',
+    name: 'Yeti',
+    light: true
+  },
+  {
+    id: 'twilight',
+    name: 'Twilight'
+  },
+  {
+    id: 'paraiso-dark',
+    name: 'Paraiso'
+  },
+  {
+    id: 'monokai',
+    name: 'Monokai'
+  },
+  {
+    id: 'material',
+    name: 'Material'
+  },
+  {
+    id: 'isotope',
+    name: 'Isotope'
+  },
+  {
+    id: 'cobalt',
+    name: 'Cobalt'
+  },
+  {
+    id: 'oceanic',
+    name: 'Oceanic'
+  },
+  {
+    id: '3024-day',
+    name: '3024 Day',
+    light: true
  }
 ]