From 92e0bc7198ae35741aed8b9b5455d8ff5a67800c Mon Sep 17 00:00:00 2001
From: Gildas <1122076+djhi@users.noreply.github.com>
Date: Thu, 9 Jan 2025 15:36:44 +0100
Subject: [PATCH] Fix remaining color props in demo

---
 examples/demo/src/layout/SubMenu.tsx |  5 ++++-
 examples/demo/src/visitors/Aside.tsx | 28 +++++++++++++++++++++++-----
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/examples/demo/src/layout/SubMenu.tsx b/examples/demo/src/layout/SubMenu.tsx
index 86442c66dbc..72dd73a69d5 100644
--- 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
index 161549772d1..30290c934fa 100644
--- 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>
         </>