Change helper text background and foreground colors for Domain type (#23594)

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',
+              },
+            },
+          },
         },
       };
 

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"

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>}
     />
   );