Fixed loading button & progress control's opacity

ir-engine · May 16, 2023 · 3f78766 · 3f78766
1 parent 08c6b13
commit 3f78766
Showing 1 changed file with 25 additions and 8 deletions.
diff --git a/src/renderer/theme.ts b/src/renderer/theme.ts
@@ -179,6 +179,20 @@ const theme = createTheme({
     //     // },
     //   }
     // },
+    MuiCircularProgress: {
+      styleOverrides: {
+        root: {
+          color: 'var(--textColor)'
+        }
+      }
+    },
+    MuiLinearProgress: {
+      styleOverrides: {
+        root: {
+          color: 'var(--textColor)'
+        }
+      }
+    },
     MuiIconButton: {
       styleOverrides: {
         root: {
@@ -188,21 +202,21 @@ const theme = createTheme({
           },
           '&.Mui-disabled': {
             color: 'var(--textColor)',
-            opacity: 0.3
+            opacity: 0.5
           }
         },
         colorPrimary: {
           backgroundColor: 'transparent',
           color: 'var(--textColor)',
           '&:hover': {
-            opacity: '0.7'
+            opacity: 0.7
           }
         },
         colorSecondary: {
           backgroundColor: 'transparent',
           color: 'var(--textColor)',
           '&:hover': {
-            opacity: '0.7'
+            opacity: 0.7
           }
         }
       }
@@ -488,7 +502,7 @@ const theme = createTheme({
 
           '&.Mui-disabled': {
             color: 'var(--textColor)',
-            opacity: 0.3
+            opacity: 0.5
           }
         },
         //@ts-ignore
@@ -506,7 +520,7 @@ const theme = createTheme({
             backgroundColor: 'transparent',
             borderColor: 'var(--buttonOutlined)',
             color: 'var(--textColor)',
-            opacity: 0.3
+            opacity: 0.5
           }
         },
         contained: {
@@ -518,7 +532,10 @@ const theme = createTheme({
           },
           '&:disabled': {
             backgroundColor: 'var(--buttonFilled)',
-            opacity: 0.3
+            opacity: 0.5
+          },
+          '&:disabled.MuiLoadingButton-root': {
+            opacity: 0.9
           }
         },
         outlinedPrimary: {
@@ -527,7 +544,7 @@ const theme = createTheme({
           },
           '&:disabled': {
             boxShadow: '0 0 10px var(--buttonOutlined)',
-            opacity: 0.3
+            opacity: 0.5
           }
         },
         outlinedSecondary: {
@@ -536,7 +553,7 @@ const theme = createTheme({
           },
           '&:disabled': {
             boxShadow: '0 0 10px var(--buttonOutlined)',
-            opacity: 0.3
+            opacity: 0.5
           }
         }
       }