highlight_config.dark bool -> highlight_config.theme

plotly · Jun 12, 2019 · a3b73e5 · a3b73e5
1 parent c008baa
commit a3b73e5
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/src/components/Markdown.react.js b/src/components/Markdown.react.js
@@ -50,13 +50,17 @@ class DashMarkdown extends Component {
         return (
             <div
                 id={id}
-                ref={(node) => { this.mdContainer = node; }}
+                ref={node => {
+                    this.mdContainer = node;
+                }}
                 style={style}
                 className={
-                    ((highlight_config && highlight_config.dark) ||
+                    ((highlight_config && highlight_config.theme) ||
                         className) &&
                     `${className ? className : ''} ${
-                        highlight_config && highlight_config.dark
+                        highlight_config &&
+                        highlight_config.theme &&
+                        highlight_config.theme === 'dark'
                             ? 'hljs-dark'
                             : ''
                     }`
@@ -113,7 +117,9 @@ DashMarkdown.propTypes = {
     /**
      * Config options for syntax highlighting.
      */
-    highlight_config: PropTypes.object,
+    highlight_config: PropTypes.exact({
+        theme: PropTypes.oneOf(['dark', 'light']),
+    }),
 
     /**
      * Object that holds the loading state object coming from dash-renderer
@@ -141,6 +147,7 @@ DashMarkdown.propTypes = {
 
 DashMarkdown.defaultProps = {
     dangerously_allow_html: false,
+    highlight_config: {},
 };
 
 export default DashMarkdown;