tune down colors from the thumbs up and down icons a bit

danilo-leal · Jul 2, 2024 · 8bd947d · 8bd947d
1 parent 6b467f9
commit 8bd947d
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/docs/src/modules/components/AppLayoutDocsFooter.js b/docs/src/modules/components/AppLayoutDocsFooter.js
@@ -407,16 +407,14 @@ export default function AppLayoutDocsFooter(props) {
             <Tooltip title={t('feedbackYes')}>
               <IconButton onClick={handleClickThumb(1)} aria-pressed={rating === 1}>
                 <ThumbUpAltRoundedIcon
-                  color={rating === 1 ? 'primary' : undefined}
-                  sx={{ fontSize: 15 }}
+                  sx={{ fontSize: 15, color: rating === 1 ? 'primary' : 'text.secondary' }}
                 />
               </IconButton>
             </Tooltip>
             <Tooltip title={t('feedbackNo')}>
               <IconButton onClick={handleClickThumb(0)} aria-pressed={rating === 0}>
                 <ThumbDownAltRoundedIcon
-                  color={rating === 0 ? 'error' : undefined}
-                  sx={{ fontSize: 15 }}
+                  sx={{ fontSize: 15, color: rating === 0 ? 'error' : 'text.secondary' }}
                 />
               </IconButton>
             </Tooltip>