button colors

src/components/common/NavigationButtons.js

@@ -27,7 +27,7 @@ const NavigationButtons = ({ tabs, onTabChange }) => {
           disabled={selected === tab.code}
         >
           <Tooltip title={tab.tooltip}>
-            <tab.icon />
+            <tab.icon color="primary" />
           </Tooltip>
         </ToggleButton>
       ))}

src/features/about/system/SystemVersionComponent.js

@@ -28,6 +28,9 @@ const useStyles = makeStyles(theme => {
     value: {
       fontSize: "0.9rem",
       fontWeight: theme.typography.fontWeightMedium
+    },
+    versionAvatar: {
+      backgroundColor: theme.palette.secondary.main
     }
   };
 });
@@ -84,7 +87,7 @@ const SystemVersionComponent = ({ data }) => {
       <List className={listClass}>
         <ListItem>
           <ListItemAvatar>
-            <Avatar>
+            <Avatar className={classes.versionAvatar}>
               <DeveloperBoardIcon />
             </Avatar>
           </ListItemAvatar>
@@ -103,7 +106,7 @@ const SystemVersionComponent = ({ data }) => {
         </ListItem>
         <ListItem>
           <ListItemAvatar>
-            <Avatar>
+            <Avatar className={classes.versionAvatar}>
               <SettingsInputSvideoIcon />
             </Avatar>
           </ListItemAvatar>
@@ -122,7 +125,7 @@ const SystemVersionComponent = ({ data }) => {
         </ListItem>
         <ListItem>
           <ListItemAvatar>
-            <Avatar>
+            <Avatar className={classes.versionAvatar}>
               <WebAssetIcon />
             </Avatar>
           </ListItemAvatar>