From e2444e8f7669ae84429370dec1c1d038ae9c3deb Mon Sep 17 00:00:00 2001
From: Bindi Pankhudi <bindi@airbyte.io>
Date: Wed, 21 Feb 2024 09:29:16 -0800
Subject: [PATCH] Airbyte docs: Fixed JSON schema rendering issues for dark
 mode (#35489)

Co-authored-by: bindipankhudi <bindi@airbyte.com>
---
 .../src/components/SpecSchema.module.css      | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/docusaurus/src/components/SpecSchema.module.css b/docusaurus/src/components/SpecSchema.module.css
index 720c9d84979a5..b116d71677e86 100644
--- a/docusaurus/src/components/SpecSchema.module.css
+++ b/docusaurus/src/components/SpecSchema.module.css
@@ -39,19 +39,16 @@
 .grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-
-  background: var(--ifm-table-border-color);
-  gap: 1px;
-  border: 1px solid var(--ifm-table-border-color);
+  border-top: 1px solid var(--ifm-table-border-color);
+  border-right: 1px solid var(--ifm-table-border-color);
 }
 
 .headerItem {
   grid-row: span 1;
   grid-column: span 1;
-  background-color: white;
+  background-color: var(--ifm-table-cell-color);
   text-align: left;
   align-items: center;
-
   display: flex;
   flex-direction: row;
   gap: 10px;
@@ -59,26 +56,30 @@
   padding: 0;
   font-size: inherit;
   padding: 7px;
+  border-left: 1px solid var(--ifm-table-border-color);
+  border-bottom: 1px solid var(--ifm-table-border-color);
 }
 
 .tableHeader {
-  background-color: #eee;
+  background-color: var(--ifm-table-stripe-background);
   font-weight: bold;
-  border-bottom: 1px solid var(--ifm-table-border-color);
+  border-bottom: 2px solid var(--ifm-table-border-color);
   padding: 7px;
 }
 
 .contentItem {
   grid-row: span 1;
   grid-column: span 1;
-  background-color: white;
+  background-color:var(--ifm-table-cell-color);
   padding: 7px;
 }
 
 .descriptionItem {
   grid-row: span 1;
   grid-column: span 3;
-  background-color: white;
+  background-color:var(--ifm-table-cell-color);
   margin: 0;
   padding: 7px;
+  border-left: 1px solid var(--ifm-table-border-color);
+  border-bottom: 1px solid var(--ifm-table-border-color);
 }