Fix disabled background color

- this wasn't migrated correctly 20 months ago, `0.05` = `2%`
elastic · May 17, 2024 · f7b6719 · f7b6719
1 parent a4d7638
commit f7b6719
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/eui/src/components/form/form.styles.test.tsx b/packages/eui/src/components/form/form.styles.test.tsx
@@ -28,7 +28,7 @@ describe('euiFormVariables', () => {
       Object {
         "animationTiming": "150ms ease-in",
         "backgroundColor": "#f9fbfd",
-        "backgroundDisabledColor": "#eceff5",
+        "backgroundDisabledColor": "#eef1f7",
         "backgroundReadOnlyColor": "#FFF",
         "borderColor": "rgba(211,218,230,0.9)",
         "borderDisabledColor": "rgba(211,218,230,0.9)",

diff --git a/packages/eui/src/components/form/form.styles.ts b/packages/eui/src/components/form/form.styles.ts
@@ -42,7 +42,7 @@ export const euiFormVariables = (euiThemeContext: UseEuiTheme) => {
 
   const colors = {
     backgroundColor: backgroundColor,
-    backgroundDisabledColor: darken(euiTheme.colors.lightestShade, 0.1),
+    backgroundDisabledColor: darken(euiTheme.colors.lightestShade, 0.05),
     backgroundReadOnlyColor: euiTheme.colors.emptyShade,
     borderColor: transparentize(euiTheme.border.color, 0.9),
     borderDisabledColor: transparentize(euiTheme.border.color, 0.9),