fixed text are white when a menu item is selected

2025-06-29 18:10:07 +03:00
parent d71c8889ba
commit c564d0ae0a
2 changed files with 7 additions and 0 deletions
--- a/src/components/Layout/Sidebar.tsx
+++ b/src/components/Layout/Sidebar.tsx
@@ -60,6 +60,9 @@ const StyledListItemButton = styled(ListItemButton)(({ theme }) => ({
    '& .MuiListItemIcon-root svg': {
      stroke: '#ffffff',
    },
+    '& .MuiListItemText-primary': {
+      color: '#ffffff',
+    },
  },
  '&:hover': {
    backgroundColor: '#f8f8f8',
@@ -67,6 +70,9 @@ const StyledListItemButton = styled(ListItemButton)(({ theme }) => ({
    '& .MuiListItemIcon-root svg': {
      stroke: '#028a4a',
    },
+    '& .MuiListItemText-primary': {
+      color: '#028a4a',
+    },
  },
 }));
 const MenuListContainer = styled(Box)(({ theme }) => ({