Merge pull request #412 from ijemmao/io/411-update-json-theme

chore: change json theme to work on dark backgrounds
nkowaokwu · Nov 24, 2021 · 55e6989 · 55e6989
2 parents d6931e5 + 999886f
commit 55e6989
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/pages/components/Demo/Demo.js b/src/pages/components/Demo/Demo.js
@@ -123,7 +123,7 @@ const Demo = ({ searchWord, words }) => {
             Response
           </h3>
           <JSONPretty
-            className="w-full self-center lg:w-auto jsonPretty bg-gray-800 rounded-md p-2"
+            className="jsonPretty w-full self-center lg:w-auto bg-gray-800 rounded-md p-2"
             id="json-pretty"
             data={responseBody}
           />

diff --git a/src/pages/styles.less b/src/pages/styles.less
@@ -93,14 +93,14 @@
   max-width: 95vw;
   overflow: scroll;
   font-size: 1em;
-  @apply text-white;
+  color: rgb(153, 218, 255);
 }
 
 .__json-key__ {
-  color: black;
+  color: rgb(184, 245, 209);
 }
 .__json-string__ {
-  color: rgb(0, 77, 15);
+  color: rgb(255, 255, 255);
 }
 
 .demo-inputs-container {