feat(odyssey-react-mui): set theme.palette.action.disabled

okta · Aug 17, 2022 · b3ce58a · b3ce58a
1 parent 15df93e
commit b3ce58a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/odyssey-react-mui/src/themes/odyssey/components.ts b/packages/odyssey-react-mui/src/themes/odyssey/components.ts
@@ -628,6 +628,7 @@ export const components: ThemeOptions["components"] = {
             borderColor: theme.palette.action.disabled,
           },
         [`&.${outlinedInputClasses.disabled}`]: {
+          backgroundColor: theme.palette.grey[50],
           pointerEvents: "none",
         },
         ...(ownerState.startAdornment && {

diff --git a/packages/odyssey-react-mui/src/themes/odyssey/palette.ts b/packages/odyssey-react-mui/src/themes/odyssey/palette.ts
@@ -94,7 +94,7 @@ export const palette: ThemeOptions["palette"] = {
     hoverOpacity: 0.04,
     selected: "rgba(0, 0, 0, 0.08)",
     selectedOpacity: 0.08,
-    disabled: "rgba(0, 0, 0, 0.26)",
+    disabled: Tokens.ColorPaletteNeutral200,
     disabledBackground: "rgba(0, 0, 0, 0.12)",
     disabledOpacity: 0.38,
     focus: "rgba(0, 0, 0, 0.12)",