[Visual Refresh] Set darker shade for subdued text (#8224)

Co-authored-by: Lene Gadewoll <[email protected]>
elastic · Dec 12, 2024 · 04e5d78 · 04e5d78
1 parent d751213
commit 04e5d78
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/packages/eui-theme-borealis/src/eui_theme_borealis_light.json b/packages/eui-theme-borealis/src/eui_theme_borealis_light.json
@@ -299,7 +299,7 @@
   "euiColorHighlight": "#E8F1FF",
   "euiTextColor": "#1D2A3E",
   "euiTitleColor": "#111C2C",
-  "euiTextSubduedColor": "#5A6D8C",
+  "euiTextSubduedColor": "#516381",
   "euiColorDisabled": "#E3E8F2",
   "euiColorPrimaryText": "#1750BA",
   "euiColorSuccessText": "#09724D",

diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_light.scss b/packages/eui-theme-borealis/src/variables/colors/_colors_light.scss
@@ -69,15 +69,15 @@ $euiColorBackgroundFilledText: $euiColorShade90 !default;
 // Texts (legacy)
 $euiTextColor: $euiColorShade130 !default;
 $euiTitleColor: $euiColorShade140 !default;
-$euiTextSubduedColor: $euiColorShade90 !default;
+$euiTextSubduedColor: $euiColorShade95 !default;
 $euiColorDisabled: $euiColorBackgroundBaseDisabled !default;
 $euiColorDisabledText: $euiColorShade70 !default;
 $euiLinkColor: $euiColorPrimary100 !default;
 
 // Texts
 $euiColorTextParagraph: $euiColorShade130 !default;
 $euiColorTextHeading: $euiColorShade140 !default;
-$euiColorTextSubdued: $euiColorShade90 !default;
+$euiColorTextSubdued: $euiColorShade95 !default;
 $euiColorTextDisabled: $euiColorShade70 !default;
 $euiColorTextInverse: $euiColorPlainLight !default;
 

diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_light.ts b/packages/eui-theme-borealis/src/variables/colors/_colors_light.ts
@@ -55,13 +55,13 @@ export const text_colors: _EuiThemeTextColors = {
   /* Legacy colors */
   text: SEMANTIC_COLORS.shade130,
   title: SEMANTIC_COLORS.shade140,
-  subduedText: SEMANTIC_COLORS.shade90,
+  subduedText: SEMANTIC_COLORS.shade95,
   link: SEMANTIC_COLORS.primary100,
 
   /* New colors */
   textParagraph: SEMANTIC_COLORS.shade130,
   textHeading: SEMANTIC_COLORS.shade140,
-  textSubdued: SEMANTIC_COLORS.shade90,
+  textSubdued: SEMANTIC_COLORS.shade95,
   textDisabled: SEMANTIC_COLORS.shade70,
   textInverse: SEMANTIC_COLORS.plainLight,
 };

diff --git a/packages/eui/src-docs/src/views/theme/_json/eui_theme_borealis_light.json b/packages/eui/src-docs/src/views/theme/_json/eui_theme_borealis_light.json
@@ -299,7 +299,7 @@
   "euiColorHighlight": "#E8F1FF",
   "euiTextColor": "#1D2A3E",
   "euiTitleColor": "#111C2C",
-  "euiTextSubduedColor": "#5A6D8C",
+  "euiTextSubduedColor": "#516381",
   "euiColorDisabled": "#E3E8F2",
   "euiColorPrimaryText": "#1750BA",
   "euiColorSuccessText": "#09724D",

diff --git a/packages/eui/src/components/breadcrumbs/_breadcrumb_content.styles.ts b/packages/eui/src/components/breadcrumbs/_breadcrumb_content.styles.ts
@@ -44,7 +44,7 @@ export const euiBreadcrumbContentStyles = (euiThemeContext: UseEuiTheme) => {
       /* TODO: Remove this ':not()' selector and simply have this be
       baseline CSS once the 'color' prop is removed */
       &:not(.euiLink) {
-        color: ${euiTheme.colors.subduedText};
+        color: ${euiTheme.colors.textSubdued};
       }
     `,