From 999886ff7a4e012f32f7469b655025f3bae0a7d7 Mon Sep 17 00:00:00 2001
From: ijemmao <ijemmaonwuzulike10@gmail.com>
Date: Wed, 24 Nov 2021 08:58:08 -0800
Subject: [PATCH] chore: change json theme to work on dark backgrounds

---
 src/pages/components/Demo/Demo.js | 2 +-
 src/pages/styles.less             | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/components/Demo/Demo.js b/src/pages/components/Demo/Demo.js
index 172ba469..e2ae9390 100644
--- 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
index cb941452..b1e11084 100644
--- 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 {