Fix remaining color props in demo

marmelab · Jan 9, 2025 · 92e0bc7 · 92e0bc7
1 parent 33818f1
commit 92e0bc7
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 6 deletions.
diff --git a/examples/demo/src/layout/SubMenu.tsx b/examples/demo/src/layout/SubMenu.tsx
@@ -31,7 +31,10 @@ const SubMenu = (props: Props) => {
             <ListItemIcon sx={{ minWidth: 5 }}>
                 {isOpen ? <ExpandMore /> : icon}
             </ListItemIcon>
-            <Typography variant="inherit" color="textSecondary">
+            <Typography
+                variant="inherit"
+                sx={{ color: theme => theme.palette.text.secondary }}
+            >
                 {translate(name)}
             </Typography>
         </MenuItem>

diff --git a/examples/demo/src/visitors/Aside.tsx b/examples/demo/src/visitors/Aside.tsx
@@ -258,7 +258,11 @@ const Order = () => {
     if (!record) return null;
     return (
         <>
-            <Typography variant="body2" color="textSecondary" gutterBottom>
+            <Typography
+                variant="body2"
+                sx={{ color: theme => theme.palette.text.secondary }}
+                gutterBottom
+            >
                 {new Date(record.date).toLocaleString(locale, {
                     year: 'numeric',
                     month: 'short',
@@ -267,11 +271,18 @@ const Order = () => {
                     minute: 'numeric',
                 })}
             </Typography>
-            <Typography variant="body2" color="textSecondary" gutterBottom>
+            <Typography
+                variant="body2"
+                sx={{ color: theme => theme.palette.text.secondary }}
+                gutterBottom
+            >
                 Reference &nbsp;#{record.reference}&nbsp;-&nbsp;
                 <TextField source="status" />
             </Typography>
-            <Typography variant="body2" color="textSecondary">
+            <Typography
+                variant="body2"
+                sx={{ color: theme => theme.palette.text.secondary }}
+            >
                 <NumberField
                     source="total"
                     options={{ style: 'currency', currency: 'USD' }}
@@ -304,7 +315,11 @@ const Review = () => {
     if (!record) return null;
     return (
         <>
-            <Typography variant="body2" color="textSecondary" gutterBottom>
+            <Typography
+                variant="body2"
+                sx={{ color: theme => theme.palette.text.secondary }}
+                gutterBottom
+            >
                 {new Date(record.date).toLocaleString(locale, {
                     year: 'numeric',
                     month: 'short',
@@ -326,7 +341,10 @@ const Review = () => {
             >
                 {record.comment}
             </Typography>
-            <Typography variant="body2" color="textSecondary">
+            <Typography
+                variant="body2"
+                sx={{ color: theme => theme.palette.text.secondary }}
+            >
                 <StarRatingField source="rating" />
             </Typography>
         </>