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
  }
 ]