Merge pull request #145 from oceanbase/dengfuping-design-theme

improve(design): Tooltip light style in dark theme
oceanbase · Sep 24, 2023 · d07096c · d07096c
2 parents 5b199c1 + 6b9e979
commit d07096c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/design/src/tooltip/index.tsx b/packages/design/src/tooltip/index.tsx
@@ -24,7 +24,7 @@ export const getTooltipTypeList = () => [
   {
     type: 'light',
     color: token.colorText,
-    backgroundColor: '#ffffff',
+    backgroundColor: token.colorBgElevated,
   },
   {
     type: 'success',
@@ -89,11 +89,11 @@ const Tooltip: CompoundedComponent = ({
   };
 
   const hasCloseIcon = !!closeIcon;
+
   const CloseIconNode = useMemo(() => {
     if (!hasCloseIcon) {
       return null;
     }
-
     return closeIcon === true ? (
       <CloseOutlined className={`${prefixCls}-close-icon`} onClick={handleCloseClick} />
     ) : (
@@ -132,8 +132,8 @@ const Tooltip: CompoundedComponent = ({
         title={hasCloseIcon ? titleWithCloseIcon : title}
         color={color || typeItem?.backgroundColor}
         open={open}
-        onOpenChange={open => {
-          setInnerOpen(open);
+        onOpenChange={newOpen => {
+          setInnerOpen(newOpen);
         }}
         overlayInnerStyle={{
           color: typeItem?.color,