[website] Improve color contrast on the homepage (#41465)

mui · Mar 12, 2024 · 5ca7b39 · 5ca7b39
1 parent 9170d63
commit 5ca7b39
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/docs/src/components/showcase/FolderTable.tsx b/docs/src/components/showcase/FolderTable.tsx
@@ -150,10 +150,10 @@ export default function BasicTable() {
               <TableCell align="right">
                 <Typography
                   fontSize={13}
-                  fontWeight={600}
+                  fontWeight="bold"
                   sx={(theme: Theme) => ({
                     mr: 1,
-                    color: 'success.700',
+                    color: 'success.800',
                     ...theme.applyDarkStyles({
                       color: 'success.500',
                     }),

diff --git a/docs/src/components/showcase/NotificationCard.tsx b/docs/src/components/showcase/NotificationCard.tsx
@@ -71,9 +71,10 @@ export default function NotificationCard() {
             </div>
             <Chip
               label="3"
-              color="success"
               size="small"
-              sx={{ ml: 'auto', color: '#fff', fontSize: '0.75rem', height: 18 }}
+              variant="outlined"
+              color="success"
+              sx={{ ml: 'auto', fontSize: '0.75rem', height: 18 }}
             />
           </Box>
         </Box>

diff --git a/docs/src/components/showcase/ThemeDatePicker.tsx b/docs/src/components/showcase/ThemeDatePicker.tsx
@@ -43,7 +43,7 @@ export default function ThemeDatePicker() {
                   paddingLeft: '18px',
                 },
                 '& .MuiTypography-caption': {
-                  color: 'grey.500',
+                  color: 'text.tertiary',
                   height: 24,
                 },
                 '[role="presentation"]': {