From ba07dac6c5069ffc6fe1789a5f524c6cf1b9612f Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 28 Aug 2025 14:19:46 +0300
Subject: [PATCH] json, code table display: fix dark theme

---
 .../table-display-fields/code/code.component.css    |  7 ++++++-
 .../json-editor/json-editor.component.css           | 13 ++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.css b/frontend/src/app/components/ui-components/table-display-fields/code/code.component.css
index 1e61ec077..9d8ce2a22 100644
--- a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.css
+++ b/frontend/src/app/components/ui-components/table-display-fields/code/code.component.css
@@ -1,10 +1,15 @@
 .field-value {
-  background-color: #EAEAFF;
   border-radius: 4px;
   font-family: monospace;
   padding: 0 8px;
 }
 
+@media (prefers-color-scheme: light) {
+  .field-value {
+    background-color: #EAEAFF;
+  }
+}
+
 @media (prefers-color-scheme: dark) {
   .field-value {
     background-color: #2C2C54;
diff --git a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.css b/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.css
index 354fa288a..559bc7f44 100644
--- a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.css
+++ b/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.css
@@ -1,6 +1,17 @@
 .json-display {
-  background-color: #EAEAFF;
   border-radius: 4px;
   font-family: monospace;
   padding: 0 8px;
 }
+
+@media (prefers-color-scheme: light) {
+  .json-display {
+    background-color: #EAEAFF;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .json-display {
+    background-color: #2C2C54;
+  }
+}