feat: add behindText vis color JS tokens

elastic · Dec 19, 2024 · 7528314 · 7528314
1 parent f581efb
commit 7528314
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 0 deletions.
diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_vis.ts b/packages/eui-theme-borealis/src/variables/colors/_colors_vis.ts
@@ -59,6 +59,17 @@ export const colorVis: _EuiThemeVisColors = {
   euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
   euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
 
+  euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.graphic,
+  euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.graphic,
+  euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.graphic,
+  euiColorVisBehindText3: euiPaletteColorBlind.euiColorVis3.graphic,
+  euiColorVisBehindText4: euiPaletteColorBlind.euiColorVis4.graphic,
+  euiColorVisBehindText5: euiPaletteColorBlind.euiColorVis5.graphic,
+  euiColorVisBehindText6: euiPaletteColorBlind.euiColorVis6.graphic,
+  euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.graphic,
+  euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.graphic,
+  euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.graphic,
+
   euiColorVisAsTextLight0: SEMANTIC_COLORS.accentSecondary100,
   euiColorVisAsTextLight1: SEMANTIC_COLORS.primary100,
   euiColorVisAsTextLight2: SEMANTIC_COLORS.accent100,

diff --git a/packages/eui-theme-common/src/global_styling/variables/colors.ts b/packages/eui-theme-common/src/global_styling/variables/colors.ts
@@ -266,6 +266,27 @@ export type _EuiThemeVisColors = {
   euiColorVis8: string;
   euiColorVis9: string;
 
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText0: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText1: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText2: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText3: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText4: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText5: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText6: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText7: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText8: string;
+  /* deprecated - temp token; used only during theme migration */
+  euiColorVisBehindText9: string;
+
   euiColorVisAsTextLight0: string;
   euiColorVisAsTextLight1: string;
   euiColorVisAsTextLight2: string;

diff --git a/packages/eui/src/themes/amsterdam/global_styling/variables/_colors_vis.ts b/packages/eui/src/themes/amsterdam/global_styling/variables/_colors_vis.ts
@@ -62,6 +62,17 @@ export const colorVis: _EuiThemeVisColors = {
   euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
   euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
 
+  euiColorVisBehindText0: '#6dccb1',
+  euiColorVisBehindText1: '#79aad9',
+  euiColorVisBehindText2: '#ee789d',
+  euiColorVisBehindText3: '#a987d1',
+  euiColorVisBehindText4: '#e4a6c7',
+  euiColorVisBehindText5: '#f1d86f',
+  euiColorVisBehindText6: '#d2c0a0',
+  euiColorVisBehindText7: '#f5a35c',
+  euiColorVisBehindText8: '#c47c6c',
+  euiColorVisBehindText9: '#ff7e62',
+
   euiColorVisAsTextLight0: '#006BB4',
   euiColorVisAsTextLight1: '#017D73',
   euiColorVisAsTextLight2: '#F5A700',