add disabled color for run button in theme

MichaelPesce · Aug 15, 2024 · 400baa2 · 400baa2
1 parent 7c1a69c
commit 400baa2
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/electron/ui/src/theme.js b/electron/ui/src/theme.js
@@ -34,7 +34,10 @@ export const themes = {
             color: '#FFFFFF', background: '#67C3E4', logoBackground: '#F2F7F8'
         },
         button: {
-            background: '#1976d2'
+            background: '#1976d2',
+            "&.Mui-disabled": {
+                background: '#E0E0E0'
+            }
         },
         tabs: {
             background: '#F1F3F3', color: '#727272'
@@ -62,7 +65,10 @@ export const themes = {
             color: '#000000', background: '#F6F4F4', logoBackground: '#F8F6F6'
         },
         button: {
-            background: '#1669B6'
+            background: '#1669B6',
+            "&.Mui-disabled": {
+                background: '#E0E0E0'
+            }
         },
         tabs: {
             background: '#F6F4F4', color: '#727272'
@@ -87,7 +93,10 @@ export const themes = {
             color: '#FFFFFF', background: '#000000', logoBackground: '#333333' // FIXME?
         },
         button: {
-            background: '#1669B6'
+            background: '#1669B6',
+            "&.Mui-disabled": {
+                background: '#E0E0E0'
+            }
         },
         tabs: {
             background: '#F1F3F3', color: '#727272'

diff --git a/electron/ui/src/views/FlowsheetConfig/ConfigInput/ConfigInput.js b/electron/ui/src/views/FlowsheetConfig/ConfigInput/ConfigInput.js
@@ -482,13 +482,12 @@ const RunButton = forwardRef(({...props}, ref) => {
         checkDisableRun
     }));
 
-
     return (
         <Tooltip
             title={disableRun ? "To run a sweep, at least one variable must be set to sweep" : ""}>
             <div>
                 <Button variant="contained"
-                        style={{background: theme.button.background}}
+                        sx={theme.button}
                         onClick={() => updateFlowsheetData(flowsheetData.inputData, solveType)}
                         disabled={disableRun}>RUN</Button>
             </div>

diff --git a/electron/ui/src/views/FlowsheetConfig/FlowsheetConfig.js b/electron/ui/src/views/FlowsheetConfig/FlowsheetConfig.js
@@ -371,10 +371,7 @@ export default function FlowsheetConfig(props) {
 
                                         </Grid>
                                         <Grid item xs={12}>
-                                            <div style={{
-                                                backgroundColor: theme.tabs.background,
-                                                color: theme.tabs.color
-                                            }}>
+                                            <div style={theme.tabs}>
                                                 <Tabs value={tabValue}
                                                       onChange={handleTabChange}
                                                       aria-label="process tabs" centered