From 6e4648a2c40511ca10fcaf10a5518e309466ed7b Mon Sep 17 00:00:00 2001
From: Osama Sayegh <asooomaasoooma90@gmail.com>
Date: Wed, 29 Nov 2023 13:39:49 +0300
Subject: [PATCH] UX: Various improvements to JSON Schema editor (#24543)

This commit makes a few improvements to the JSON Schema editor when using dark mode for the UI and fixes a small alignment issue with checkboxes.
---
 .../stylesheets/common/base/json_schema.scss  | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/app/assets/stylesheets/common/base/json_schema.scss b/app/assets/stylesheets/common/base/json_schema.scss
index f9392fa48a8..036fb0ca7df 100644
--- a/app/assets/stylesheets/common/base/json_schema.scss
+++ b/app/assets/stylesheets/common/base/json_schema.scss
@@ -171,6 +171,10 @@
       .je-tab--top {
         border: none;
         padding: 0;
+        color: var(--primary);
+        background: var(
+          --secondary
+        ) !important; // important is needed here to override inline styling on the element
       }
     }
 
@@ -243,5 +247,21 @@
         }
       }
     }
+
+    div[data-schematype="boolean"] {
+      label {
+        display: flex;
+        align-items: center;
+
+        input[type="checkbox"] {
+          margin-right: var(--space-1);
+        }
+      }
+    }
+
+    select option {
+      color: var(--primary);
+      background: var(--secondary);
+    }
   }
 }