[Tooltip] Fix tooltip arrow css var background (#33753)

mui · Aug 3, 2022 · c6ce976 · c6ce976
1 parent 35072a2
commit c6ce976
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/packages/mui-material/src/Tooltip/Tooltip.js b/packages/mui-material/src/Tooltip/Tooltip.js
@@ -198,9 +198,7 @@ const TooltipArrow = styled('span', {
   width: '1em',
   height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,
   boxSizing: 'border-box',
-  color: theme.vars
-    ? `rgba(${theme.vars.palette.grey.darkChannel} / 0.9)`
-    : alpha(theme.palette.grey[700], 0.9),
+  color: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.9),
   '&::before': {
     content: '""',
     margin: 'auto',