From 2b80a885a0c1719036a3ec2b34d4b58b0dfd0170 Mon Sep 17 00:00:00 2001
From: Ushran Gouhar <43915259+ugouhar@users.noreply.github.com>
Date: Mon, 29 Sep 2025 13:49:28 +0530
Subject: [PATCH] Change helper text background and foreground colors for
 Domain type (#23594)

---
 .../AddDomainForm/AddDomainForm.component.tsx       | 13 +++++++++++++
 .../common/MUIFormItemLabel/MUIFormItemLabel.tsx    |  3 +++
 .../src/main/resources/ui/src/utils/formUtils.tsx   |  1 +
 3 files changed, 17 insertions(+)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx
index 0e938dcf516..74396801a86 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx
@@ -176,6 +176,19 @@ const AddDomainForm = ({
           overlayClassName: 'domain-type-tooltip-container',
           tooltipPlacement: 'top-start',
           tooltipAlign: { targetOffset: [18, 0] },
+          slotProps: {
+            tooltip: {
+              sx: {
+                bgcolor: '#fff',
+                color: '#000',
+              },
+            },
+            arrow: {
+              sx: {
+                color: '#fff',
+              },
+            },
+          },
         },
       };
 
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/MUIFormItemLabel/MUIFormItemLabel.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/MUIFormItemLabel/MUIFormItemLabel.tsx
index 0e0184ccad4..368ae925e75 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/common/MUIFormItemLabel/MUIFormItemLabel.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/common/MUIFormItemLabel/MUIFormItemLabel.tsx
@@ -28,6 +28,7 @@ export interface MUIFormItemLabelProps {
   overlayInnerStyle?: React.CSSProperties;
   align?: TooltipProps['placement'];
   isBeta?: boolean;
+  slotProps?: Partial<TooltipProps>;
 }
 
 const MUIFormItemLabel: FC<MUIFormItemLabelProps> = ({
@@ -37,6 +38,7 @@ const MUIFormItemLabel: FC<MUIFormItemLabelProps> = ({
   label,
   placement = 'top',
   showHelperText = true,
+  slotProps,
 }) => {
   const { t } = useTranslation();
 
@@ -55,6 +57,7 @@ const MUIFormItemLabel: FC<MUIFormItemLabelProps> = ({
             <Tooltip
               arrow
               placement={placement || 'top'}
+              slotProps={slotProps}
               title={helperText || ''}>
               <Box
                 component="span"
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/formUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/formUtils.tsx
index 330837784c0..50486df97e4 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/formUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/formUtils.tsx
@@ -131,6 +131,7 @@ export const getField = (field: FieldProp) => {
       label={label}
       placement={props?.tooltipPlacement as MUITooltipProps['placement']}
       showHelperText={showHelperText}
+      slotProps={props?.slotProps as Partial<MUITooltipProps>}
     />
   );