Add dark bg to json

Author: talepre

xp-archive/client/contentView/ContentView.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ViewVariant } from 'client/viewSelector/ViewSelector';
-import { ContentJsonView } from 'client/contentView/contentJsonView/contentJsonView';
+import { ContentJsonView } from 'client/contentView/contentJsonView/ContentJsonView';
 import { PdfExport } from 'client/contentView/pdfExport/PdfExport';
 import { ContentServiceResponse } from 'shared/types';
 

xp-archive/client/contentView/contentJsonView/ContentJsonView.module.css

@@ -0,0 +1,4 @@
+.container {
+    background-color: black;
+    height: 100%;
+}

xp-archive/client/contentView/contentJsonView/contentJsonView.tsx

@@ -1,12 +1,20 @@
 import React from 'react';
-import { collapseAllNested, JsonView } from 'react-json-view-lite';
+import { collapseAllNested, JsonView, darkStyles } from 'react-json-view-lite';
 import { Content } from 'shared/types';
 import 'react-json-view-lite/dist/index.css';
+import style from './ContentJsonView.module.css';
 
 type Props = {
     json: Content;
 };
 
 export const ContentJsonView = ({ json }: Props) => {
-    return <JsonView data={json} clickToExpandNode={true} shouldExpandNode={collapseAllNested} />;
+    return (
+        <JsonView
+            style={{ ...darkStyles, container: `${style.container}` }}
+            data={json}
+            clickToExpandNode={true}
+            shouldExpandNode={collapseAllNested}
+        />
+    );
 };