[Alert] Use getContrastText for filled variant font color (#29813)

mui · Jun 22, 2022 · 67ec02d · 67ec02d
1 parent b145133
commit 67ec02d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/mui-material/src/Alert/Alert.js b/packages/mui-material/src/Alert/Alert.js
@@ -70,7 +70,9 @@ const AlertRoot = styled(Paper, {
       }),
     ...(color &&
       ownerState.variant === 'filled' && {
-        color: '#fff',
+        color: theme.palette.getContrastText(
+          theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
+        ),
         fontWeight: theme.typography.fontWeightMedium,
         backgroundColor:
           theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,