pass config object

lib/constants.js

@@ -48,10 +48,12 @@ if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
 
 export const THEMES = [
   {
-    name: 'dracula'
+    id: 'dracula',
+    name: 'Dracula'
   },
   {
-    name: 'solarized'
+    id: 'solarized',
+    name: 'Solarized'
   }
 ]
 

pages/index.js

@@ -73,7 +73,7 @@ class Index extends React.Component {
               onBGChange={color => this.setState({ bgColor: color })}
               bg={this.state.bgColor}
             />
-            <CodeImage bg={this.state.bgColor}>
+            <CodeImage config={{ bg: this.state.bgColor}}>
               {this.props.content || DEFAULT_CODE}
             </CodeImage>
           </div>