fix tile actions colors

cboard-org · Aug 20, 2024 · 9c10e85 · 9c10e85
1 parent 87a2d15
commit 9c10e85
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/src/app/[locale]/dashboard/[id]/@savedData/TabsSelector.tsx b/src/app/[locale]/dashboard/[id]/@savedData/TabsSelector.tsx
@@ -49,8 +49,8 @@ export default function TabsSelector({
         onChange={handleChange}
         aria-label="Data selector"
         variant="fullWidth"
-        indicatorColor="secondary"
-        textColor="secondary"
+        indicatorColor="primary"
+        textColor="primary"
         sx={styles.tabs}
       >
         <Tab label={translations('history')} />

diff --git a/src/components/Symbol/GenerateIcon.tsx b/src/components/Symbol/GenerateIcon.tsx
@@ -4,7 +4,7 @@ import Tooltip from '@mui/material/Tooltip';
 export default function GenerateIcon() {
   return (
     <Tooltip title={'Create a Pictogram'}>
-      <AutoAwesomeIcon />
+      <AutoAwesomeIcon color="secondary" />
     </Tooltip>
   );
 }
diff --git a/src/components/Symbol/Symbol.tsx b/src/components/Symbol/Symbol.tsx
@@ -84,6 +84,7 @@ export default function Symbol({
       {isChangingPicto ? (
         <div className={style.SymbolLoadingContainer}>
           <CircularProgress
+            color="secondary"
             sx={{
               justifySelf: 'center',
               alignSelf: 'space-around',
@@ -140,7 +141,7 @@ const ImagePagination = ({
         <CircleIcon
           sx={{ fontSize: 10 }}
           fontSize="inherit"
-          color="primary"
+          color="secondary"
           key={i}
         />,
       );
@@ -149,7 +150,7 @@ const ImagePagination = ({
         <RadioButtonUncheckedIcon
           sx={{ fontSize: 10 }}
           // fontSize="inherit"
-          color="primary"
+          color="secondary"
           key={i}
         />,
       );

diff --git a/src/components/TileEditorModal/TileEditor.tsx b/src/components/TileEditorModal/TileEditor.tsx
@@ -176,6 +176,7 @@ const TileEditor: React.FC<PropType> = ({
               src={src}
               isChangingPicto={isChangingPicto}
               disabled={!src && !areUnviewedPictoGenerations}
+              tileColor={tile.backgroundColor}
             />
           ))}
         </div>