updated

Author: mac-s-g

example/example.js

@@ -16,7 +16,7 @@ ReactDom.render(
         <br />
 
         {/* use a base16 theme */}
-        <JsonViewer src={getExampleJson1()} theme="monokai" />
+        <JsonViewer src={getExampleJson1()} theme='monokai' />
 
         <br />
 

src/js/themes/base16/rjv-default.js

@@ -0,0 +1,41 @@
+export const rjv_default = {
+  scheme: 'rjv-default',
+  author: 'mac gainor',
+  base00: 'rgba(1, 1, 1, 0)',
+  base01: '#eee8d5',
+  base02: 'rgba(0, 0, 0, 0.1)',
+  base03: '#93a1a1',
+  base04: 'rgba(0, 0, 0, 0.3)',
+  base05: '#586e75',
+  base06: '#073642',
+  base07: '#002b36',
+  base08: '#d33682',
+  base09: '#cb4b16',
+  base0A: '#dc322f',
+  base0B: '#859900',
+  base0C: '#6c71c4',
+  base0D: '#586e75',
+  base0E: '#2aa198',
+  base0F: '#268bd2'
+};
+
+export const rjv_grey = {
+  scheme: 'rjv-grey',
+  author: 'mac gainor',
+  base00: 'rgba(1, 1, 1, 0)',
+  base01: 'rgba(1, 1, 1, 0.1)',
+  base02: 'rgba(0, 0, 0, 0.2)',
+  base03: 'rgba(1, 1, 1, 0.3)',
+  base04: 'rgba(0, 0, 0, 0.4)',
+  base05: 'rgba(1, 1, 1, 0.5)',
+  base06: 'rgba(1, 1, 1, 0.6)',
+  base07: 'rgba(1, 1, 1, 0.7)',
+  base08: 'rgba(1, 1, 1, 0.8)',
+  base09: 'rgba(1, 1, 1, 0.8)',
+  base0A: 'rgba(1, 1, 1, 0.8)',
+  base0B: 'rgba(1, 1, 1, 0.8)',
+  base0C: 'rgba(1, 1, 1, 0.8)',
+  base0D: 'rgba(1, 1, 1, 0.8)',
+  base0E: 'rgba(1, 1, 1, 0.8)',
+  base0F: 'rgba(1, 1, 1, 0.8)'
+};

src/js/themes/base16/rjv-themes.js

@@ -1,4 +1,4 @@
-import rjvDefault from './base16/rjv-default';
+import {rjv_default, rjv_grey} from './base16/rjv-themes';
 import styleConstants from './styleConstants';
 import {createStyling} from 'react-base16-styling';
 
@@ -161,12 +161,13 @@ const getDefaultThemeStyling = theme => {
 };
 
 const getStyle = (theme) => {
-    if (!theme) {
-        return () => {};
+    let rjv_theme = rjv_default;
+    if (theme === false || theme === 'none') {
+        rjv_theme = rjv_grey;
     }
     return createStyling(
         getDefaultThemeStyling,
-        {defaultBase16: rjvDefault},
+        {defaultBase16: rjv_theme},
     )(theme);
 }