Create dark watermark (#577)

- Closes #575

components/Carbon.js

@@ -7,7 +7,13 @@ import { Controlled as CodeMirror } from 'react-codemirror2'
 
 import WindowControls from '../components/WindowControls'
 import Watermark from '../components/svg/Watermark'
-import { COLORS, LANGUAGE_MODE_HASH, LANGUAGE_NAME_HASH, DEFAULT_SETTINGS } from '../lib/constants'
+import {
+  COLORS,
+  LANGUAGE_MODE_HASH,
+  LANGUAGE_NAME_HASH,
+  THEMES_HASH,
+  DEFAULT_SETTINGS
+} from '../lib/constants'
 
 class Carbon extends React.PureComponent {
   static defaultProps = {
@@ -98,7 +104,7 @@ class Carbon extends React.PureComponent {
           value={this.props.children}
           options={options}
         />
-        {config.watermark && <Watermark />}
+        {config.watermark && <Watermark light={THEMES_HASH[config.theme].light} />}
         <div className="container-bg">
           <div className="white eliminateOnRender" />
           <div className="alpha eliminateOnRender" />

lib/constants.js

@@ -30,7 +30,8 @@ export const THEMES = [
   },
   {
     id: 'base16-light',
-    name: 'Base 16 (Light)'
+    name: 'Base 16 (Light)',
+    light: true
   },
   {
     id: 'cobalt',
@@ -74,7 +75,8 @@ export const THEMES = [
   },
   {
     id: 'one-light',
-    name: 'One Light'
+    name: 'One Light',
+    light: true
   },
   {
     id: 'one-dark',
@@ -100,7 +102,8 @@ export const THEMES = [
   {
     id: 'solarized light',
     name: 'Solarized (Light)',
-    link: 'solarized'
+    link: 'solarized',
+    light: true
   },
   {
     id: 'tomorrow-night-bright',
@@ -116,7 +119,8 @@ export const THEMES = [
   },
   {
     id: 'yeti',
-    name: 'Yeti'
+    name: 'Yeti',
+    light: true
   },
   {
     id: 'zenburn',