From 4a6e85106a9cfefa1198ec7d8e1dd034edab4217 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Fri, 30 Aug 2024 11:10:39 +0200
Subject: [PATCH] change colors of icon/text for user profile

---
 interface/src/components/layout/LayoutMenu.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/interface/src/components/layout/LayoutMenu.tsx b/interface/src/components/layout/LayoutMenu.tsx
index 734010a3d..4b9051d03 100644
--- a/interface/src/components/layout/LayoutMenu.tsx
+++ b/interface/src/components/layout/LayoutMenu.tsx
@@ -138,23 +138,22 @@ const LayoutMenu = () => {
           disabled={!me.admin}
           to="/settings"
         />
-        <LayoutMenuItem icon={LiveHelpIcon} label={LL.HELP_OF('')} to={`/help`} />
+        <LayoutMenuItem icon={LiveHelpIcon} label={LL.HELP()} to={`/help`} />
       </List>
       <Divider />
       <List>
         <ListItem disablePadding onClick={handleClick}>
           <ListItemButton>
-            <ListItemIcon>
+            <ListItemIcon sx={{ color: '#9e9e9e' }}>
               <AccountCircleIcon />
             </ListItemIcon>
-            <ListItemText>{me.username}</ListItemText>
+            <ListItemText sx={{ color: '#2196f3' }}>{me.username}</ListItemText>
           </ListItemButton>
         </ListItem>
       </List>
 
       <Popover
         id={id}
-        // sx={{ mb: 10 }}
         open={open}
         anchorEl={anchorEl}
         onClose={handleClose}
@@ -186,19 +185,17 @@ const LayoutMenu = () => {
           </Button>
           <List>
             <ListItem disablePadding>
-              <Avatar sx={{ bgcolor: '#b1395f', color: 'white' }}>
+              <Avatar sx={{ bgcolor: '#9e9e9e', color: 'white' }}>
                 <PersonIcon />
               </Avatar>
               <ListItemText
-                sx={{ pl: 2 }}
+                sx={{ pl: 2, color: '#2196f3' }}
                 primary={me.username}
                 secondary={'(' + (me.admin ? LL.ADMINISTRATOR() : LL.GUEST()) + ')'}
               />
             </ListItem>
           </List>
-          {/* <Box p={2}> */}
           <LanguageSelector />
-          {/* </Box> */}
         </Box>
       </Popover>
     </>