From 4d44913358f575bfc7b592d39ea87232386988f0 Mon Sep 17 00:00:00 2001
From: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
Date: Wed, 5 Oct 2022 12:07:23 +0300
Subject: [PATCH 1/2] [Unified search] Fixes the ui on the dark mode

---
 .../query_string_input/text_based_languages_editor/index.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx b/src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx
index 54343ec245efe..9e76794f09b0f 100644
--- a/src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx
+++ b/src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx
@@ -566,7 +566,7 @@ export const TextBasedLanguagesEditor = memo(function TextBasedLanguagesEditor({
                     data-test-subj="unifiedTextLangEditor-expand"
                     css={{
                       borderRadius: 0,
-                      backgroundColor: '#e9edf3',
+                      backgroundColor: isDark ? euiTheme.colors.lightestShade : '#e9edf3',
                       border: '1px solid rgb(17 43 134 / 10%) !important',
                     }}
                   />
@@ -602,7 +602,7 @@ export const TextBasedLanguagesEditor = memo(function TextBasedLanguagesEditor({
                         css={{
                           borderTopLeftRadius: 0,
                           borderBottomLeftRadius: 0,
-                          backgroundColor: '#e9edf3',
+                          backgroundColor: isDark ? euiTheme.colors.lightestShade : '#e9edf3',
                           border: '1px solid rgb(17 43 134 / 10%) !important',
                           borderLeft: 'transparent !important',
                         }}

From 9e2f3a2e26a50cfb7e9afd5ce95d3a4895aa4d75 Mon Sep 17 00:00:00 2001
From: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
Date: Thu, 6 Oct 2022 09:40:18 +0300
Subject: [PATCH 2/2] Fixes badge color

---
 .../query_string_input/text_based_languages_editor/index.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx b/src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx
index 9e76794f09b0f..02c22fe20586e 100644
--- a/src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx
+++ b/src/plugins/unified_search/public/query_string_input/text_based_languages_editor/index.tsx
@@ -493,7 +493,7 @@ export const TextBasedLanguagesEditor = memo(function TextBasedLanguagesEditor({
                   <div css={styles.editorContainer}>
                     {!isCompactFocused && (
                       <EuiBadge
-                        color="default"
+                        color={euiTheme.colors.lightShade}
                         css={styles.linesBadge}
                         data-test-subj="unifiedTextLangEditor-inline-lines-badge"
                       >