feat: add vis text color assistance tokens

weronikaolejniczak · weronikaolejniczak · commit 986e757ca914 · 2026-02-20T11:08:12.000+01:00
diff --git a/packages/eui-theme-borealis/changelogs/upcoming/9383.md b/packages/eui-theme-borealis/changelogs/upcoming/9383.md
@@ -12,4 +12,6 @@
     - `euiTheme.colors.severity.assistance`
     - `euiTheme.colors.vis.euiColorVis10`
     - `euiTheme.colors.vis.euiColorVis11`
+    - `euiTheme.colors.vis.euiColorVisText10`
+    - `euiTheme.colors.vis.euiColorVisText11`
 - Updated purple color palette shades 30-60 to slightly lighter values
diff --git a/packages/eui-theme-borealis/src/eui_theme_borealis_dark.json b/packages/eui-theme-borealis/src/eui_theme_borealis_dark.json
@@ -332,6 +332,8 @@
   "euiColorVisText7": "#FFC9C2",
   "euiColorVisText8": "#EAAE01",
   "euiColorVisText9": "#FCD883",
+  "euiColorVisText10": "#B386F9",
+  "euiColorVisText11": "#E2D3FE",
   "euiColorVisSuccess0": "#24C292",
   "euiColorVisSuccess1": "#AEE8D2",
   "euiColorVisWarning0": "#FCD883",
diff --git a/packages/eui-theme-borealis/src/eui_theme_borealis_dark.json.d.ts b/packages/eui-theme-borealis/src/eui_theme_borealis_dark.json.d.ts
@@ -333,6 +333,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorVisText7: string;
     euiColorVisText8: string;
     euiColorVisText9: string;
+    euiColorVisText10: string;
+    euiColorVisText11: string;
     euiColorVisSuccess0: string;
     euiColorVisSuccess1: string;
     euiColorVisWarning0: string;
diff --git a/packages/eui-theme-borealis/src/eui_theme_borealis_light.json b/packages/eui-theme-borealis/src/eui_theme_borealis_light.json
@@ -332,6 +332,8 @@
   "euiColorVisText7": "#DA3737",
   "euiColorVisText8": "#6A4906",
   "euiColorVisText9": "#966B03",
+  "euiColorVisText10": "#52357E",
+  "euiColorVisText11": "#8144CC",
   "euiColorVisSuccess0": "#24C292",
   "euiColorVisSuccess1": "#AEE8D2",
   "euiColorVisWarning0": "#FCD883",
diff --git a/packages/eui-theme-borealis/src/eui_theme_borealis_light.json.d.ts b/packages/eui-theme-borealis/src/eui_theme_borealis_light.json.d.ts
@@ -333,6 +333,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorVisText7: string;
     euiColorVisText8: string;
     euiColorVisText9: string;
+    euiColorVisText10: string;
+    euiColorVisText11: string;
     euiColorVisSuccess0: string;
     euiColorVisSuccess1: string;
     euiColorVisWarning0: string;
diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_vis_dark.scss b/packages/eui-theme-borealis/src/variables/colors/_colors_vis_dark.scss
@@ -11,4 +11,6 @@ $euiColorVisText5: #FFC7DB !default;
 $euiColorVisText6: #F6726A !default;
 $euiColorVisText7: #FFC9C2 !default;
 $euiColorVisText8: #EAAE01 !default;
-$euiColorVisText9: #FCD883 !default;
+$euiColorVisText9: #FCD883 !default;
+$euiColorVisText10: #B386F9 !default;
+$euiColorVisText11: #E2D3FE !default;
diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_vis_dark.ts b/packages/eui-theme-borealis/src/variables/colors/_colors_vis_dark.ts
@@ -24,4 +24,6 @@ export const colorVisDark: _EuiThemeVisColors = {
   euiColorVisText7: SEMANTIC_COLORS.danger30,
   euiColorVisText8: SEMANTIC_COLORS.warning60,
   euiColorVisText9: SEMANTIC_COLORS.warning30,
+  euiColorVisText10: SEMANTIC_COLORS.assistance60,
+  euiColorVisText11: SEMANTIC_COLORS.assistance30,
 };
diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_vis_hcm.ts b/packages/eui-theme-borealis/src/variables/colors/_colors_vis_hcm.ts
@@ -52,6 +52,8 @@ export const visColorsLightHighContrast: _EuiThemeVisColors = {
   euiColorVisText7: SEMANTIC_COLORS.danger80,
   euiColorVisText8: SEMANTIC_COLORS.warning110,
   euiColorVisText9: SEMANTIC_COLORS.warning90,
+  euiColorVisText10: SEMANTIC_COLORS.assistance110,
+  euiColorVisText11: SEMANTIC_COLORS.assistance90,
 
   euiColorVisNeutral0: SEMANTIC_COLORS.neutral100,
   euiColorVisNeutral1: SEMANTIC_COLORS.neutral80,
diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_vis_light.scss b/packages/eui-theme-borealis/src/variables/colors/_colors_vis_light.scss
@@ -11,4 +11,6 @@ $euiColorVisText5: #D13680 !default;
 $euiColorVisText6: #A71627 !default;
 $euiColorVisText7: #DA3737 !default;
 $euiColorVisText8: #6A4906 !default;
-$euiColorVisText9: #966B03 !default;
+$euiColorVisText9: #966B03 !default;
+$euiColorVisText10: #52357E !default;
+$euiColorVisText11: #8144CC !default;
diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_vis_light.ts b/packages/eui-theme-borealis/src/variables/colors/_colors_vis_light.ts
@@ -90,6 +90,8 @@ export const colorVisLight: _EuiThemeVisColors = {
   euiColorVisText7: SEMANTIC_COLORS.danger80,
   euiColorVisText8: SEMANTIC_COLORS.warning110,
   euiColorVisText9: SEMANTIC_COLORS.warning90,
+  euiColorVisText10: SEMANTIC_COLORS.assistance110,
+  euiColorVisText11: SEMANTIC_COLORS.assistance90,
 
   euiColorVisNeutral0: SEMANTIC_COLORS.neutral60,
   euiColorVisNeutral1: SEMANTIC_COLORS.neutral30,
diff --git a/packages/eui-theme-common/changelogs/upcoming/9383.md b/packages/eui-theme-common/changelogs/upcoming/9383.md
@@ -12,3 +12,5 @@
     - `euiTheme.colors.severity.assistance`
     - `euiTheme.colors.vis.euiColorVis10`
     - `euiTheme.colors.vis.euiColorVis11`
+    - `euiTheme.colors.vis.euiColorVisText10`
+    - `euiTheme.colors.vis.euiColorVisText11`
diff --git a/packages/eui-theme-common/src/global_styling/variables/colors.ts b/packages/eui-theme-common/src/global_styling/variables/colors.ts
@@ -341,6 +341,8 @@ export type _EuiThemeVisColors = {
   euiColorVisText7: string;
   euiColorVisText8: string;
   euiColorVisText9: string;
+  euiColorVisText10: string;
+  euiColorVisText11: string;
 
   euiColorVisNeutral0: string;
   euiColorVisNeutral1: string;
diff --git a/packages/eui/changelogs/upcoming/9383.md b/packages/eui/changelogs/upcoming/9383.md
@@ -12,4 +12,6 @@
     - `euiTheme.colors.severity.assistance`
     - `euiTheme.colors.vis.euiColorVis10`
     - `euiTheme.colors.vis.euiColorVis11`
+    - `euiTheme.colors.vis.euiColorVisText10`
+    - `euiTheme.colors.vis.euiColorVisText11`
 - Updated purple color palette shades 30-60 to slightly lighter values
diff --git a/packages/website/docs/getting-started/theming/tokens/colors/data_vis_colors_table.tsx b/packages/website/docs/getting-started/theming/tokens/colors/data_vis_colors_table.tsx
@@ -106,6 +106,14 @@ export const DataVisTextColorsTable = () => {
           value: euiTheme.colors.vis.euiColorVisText9,
           token: 'colors.vis.euiColorVisText9',
         },
+        {
+          value: euiTheme.colors.vis.euiColorVisText10,
+          token: 'colors.vis.euiColorVisText10',
+        },
+        {
+          value: euiTheme.colors.vis.euiColorVisText11,
+          token: 'colors.vis.euiColorVisText11',
+        }
       ]}
     />
   );
