Merge pull request #732 from sudhanshutech/tooltip/bg

Change bgcolor of tooltip
layer5io · Sep 9, 2024 · 2c7229c · 2c7229c
2 parents f6abad9 + e75a40b
commit 2c7229c
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/custom/CustomTooltip/customTooltip.tsx b/src/custom/CustomTooltip/customTooltip.tsx
@@ -1,6 +1,6 @@
 import { Tooltip, type TooltipProps } from '@mui/material';
 import React from 'react';
-import { CHARCOAL, WHITE } from '../../theme';
+import { WHITE } from '../../theme';
 import { RenderMarkdownTooltip } from '../Markdown';
 
 type CustomTooltipProps = {
@@ -21,7 +21,7 @@ function CustomTooltip({
   fontSize,
   fontWeight = 400,
   variant = 'standard',
-  bgColor = CHARCOAL,
+  bgColor = '#333333',
   ...props
 }: CustomTooltipProps): JSX.Element {
   return (
@@ -42,6 +42,11 @@ function CustomTooltip({
             zIndex: 9999999999,
             opacity: '1'
           }
+        },
+        arrow: {
+          sx: {
+            color: bgColor
+          }
         }
       }}
       title={typeof title === 'string' ? <RenderMarkdownTooltip content={title} /> : title}