[Obs AI Assistant] Update text variables and remove unnecessary styles

elastic · Nov 20, 2024 · 7beecbf · 7beecbf
1 parent 1b3915f
commit 7beecbf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/...ability_solution/observability_ai_assistant/public/components/chat/chat_item_controls.tsx b/...ability_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/...k/plugins/stack_connectors/public/connector_types/inference/additional_options_fields.tsx b/...k/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