From c8e5f246fadc631a1356a372e6a16c10a5008117 Mon Sep 17 00:00:00 2001
From: Viduni Wickramarachchi <viduni.wickramarachchi@elastic.co>
Date: Wed, 20 Nov 2024 11:14:10 -0500
Subject: [PATCH] [Obs AI Assistant] Update text variables and remove
 unnecessary styles

---
 .../public/components/chat/chat_item_controls.tsx           | 6 ++----
 .../connector_types/inference/additional_options_fields.tsx | 6 +++---
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/x-pack/plugins/observability_solution/observability_ai_assistant/public/components/chat/chat_item_controls.tsx b/x-pack/plugins/observability_solution/observability_ai_assistant/public/components/chat/chat_item_controls.tsx
index 2b8487fa45c9d..d2aa7a6379447 100644
--- a/x-pack/plugins/observability_solution/observability_ai_assistant/public/components/chat/chat_item_controls.tsx
+++ b/x-pack/plugins/observability_solution/observability_ai_assistant/public/components/chat/chat_item_controls.tsx
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { EuiFlexGroup, EuiFlexItem, EuiHorizontalRule, EuiPanel, useEuiTheme } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiHorizontalRule, EuiPanel } from '@elastic/eui';
 import { css } from '@emotion/css';
 import { Feedback, FeedbackButtons } from '../buttons/feedback_buttons';
 import { StopGeneratingButton } from '../buttons/stop_generating_button';
@@ -34,8 +34,6 @@ export function ChatItemControls({
   onRegenerateClick: () => void;
   onStopGeneratingClick: () => void;
 }) {
-  const { euiTheme } = useEuiTheme();
-
   const displayFeedback = !error && canGiveFeedback;
   const displayRegenerate = !loading && canRegenerate;
 
@@ -64,7 +62,7 @@ export function ChatItemControls({
 
   return controls ? (
     <>
-      <EuiHorizontalRule margin="none" color={euiTheme.colors.lightestShade} />
+      <EuiHorizontalRule margin="none" />
       <EuiPanel hasShadow={false} paddingSize="s" className={containerClassName}>
         {controls}
       </EuiPanel>
diff --git a/x-pack/plugins/stack_connectors/public/connector_types/inference/additional_options_fields.tsx b/x-pack/plugins/stack_connectors/public/connector_types/inference/additional_options_fields.tsx
index 7a3b1abfd800b..fad8ed2f65978 100644
--- a/x-pack/plugins/stack_connectors/public/connector_types/inference/additional_options_fields.tsx
+++ b/x-pack/plugins/stack_connectors/public/connector_types/inference/additional_options_fields.tsx
@@ -111,7 +111,7 @@ export const AdditionalOptionsConnectorFields: React.FC<AdditionalOptionsConnect
           <div
             css={css`
               font-size: ${xsFontSize};
-              color: ${euiTheme.colors.subduedText};
+              color: ${euiTheme.colors.textSubdued};
             `}
           >
             <FormattedMessage
@@ -255,7 +255,7 @@ export const AdditionalOptionsConnectorFields: React.FC<AdditionalOptionsConnect
             <div
               css={css`
                 font-size: ${xsFontSize};
-                color: ${euiTheme.colors.subduedText};
+                color: ${euiTheme.colors.textSubdued};
               `}
             >
               <FormattedMessage
@@ -289,7 +289,7 @@ export const AdditionalOptionsConnectorFields: React.FC<AdditionalOptionsConnect
         <div
           css={css`
             font-size: ${xsFontSize};
-            color: ${euiTheme.colors.subduedText};
+            color: ${euiTheme.colors.textSubdued};
           `}
         >
           <FormattedMessage