@elastic/eui-theme-borealis 0.0.1

package/src/variables/_form.scss

@@ -0,0 +1,12 @@
+// Coloring
+$euiFormBackgroundColor: $euiColorBackgroundBaseSubdued !default;
+$euiFormBackgroundDisabledColor: $euiColorBackgroundBaseDisabled !default;
+$euiFormBackgroundReadOnlyColor: $euiColorBackgroundBasePlain !default;
+$euiFormBorderOpaqueColor: shadeOrTint(desaturate(adjust-hue($euiColorPrimary, 22), 22.95), 26%, 100%) !default;
+$euiFormBorderColor: $euiColorBorderBasePlain !default;
+$euiFormBorderDisabledColor: $euiColorBorderBaseDisabled !default;
+$euiFormControlDisabledColor: $euiColorBackgroundBaseFormsControlDisabled !default;
+$euiFormControlBoxShadow: 0 0 transparent !default;
+$euiFormControlPlaceholderText: makeHighContrastColor($euiTextSubduedColor, $euiFormBackgroundColor) !default;
+$euiFormInputGroupLabelBackground: $euiColorBackgroundBaseFormsPrepend !default;
+$euiFormInputGroupBorder: none !default;

package/src/variables/_index.scss

@@ -0,0 +1,9 @@
+// Import base theme first, then override
+@import 'node_modules/@elastic/eui-theme-common/src/global_styling/variables/index';
+@import 'states';
+
+@import 'borders';
+@import 'form';
+@import 'page';
+@import 'font_weight';
+@import 'typography';

package/src/variables/_page.scss

@@ -0,0 +1 @@
+$euiPageDefaultMaxWidth: map-get($euiBreakpoints, 'xl');

package/src/variables/_states.scss

@@ -0,0 +1,11 @@
+// Color when not using currentColor
+$euiFocusRingColor: $euiColorPrimaryText;
+
+// Sizing
+$euiFocusRingAnimStartSize: 2px;
+$euiFocusRingSize: 2px;
+
+// Transparency
+$euiFocusTransparency: lightOrDarkTheme(.9, .8);
+$euiFocusTransparencyPercent: lightOrDarkTheme(90%, 80%);
+$euiFocusBackgroundColor: $euiColorBackgroundBaseInteractiveSelect;

package/src/variables/_typography.scss

@@ -0,0 +1,64 @@
+// Finally start using the non-beta version of Inter
+$euiFontFamily: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
+
+// Font sizes -- scale is loosely based on Minor Third (1.200) with a base of 14px
+// Base list is an altered scale based on 16px to match the resulted values below
+$euiTextScale:    2.125, 1.6875, 1.375, 1.125, 1, .875, .75 !default;
+
+$euiFontSize:     $euiSize - 2; // 14px
+
+$euiFontSizeXS:   floor($euiFontSize * .86);   // 12px // h6
+$euiFontSizeS:    floor($euiFontSize * 1);     // 14px // h5
+$euiFontSizeM:     ceil($euiFontSize * 1.14);  // 16px // h4
+$euiFontSizeL:    floor($euiFontSize * 1.44);  // 20px // h3
+$euiFontSizeXL:   floor($euiFontSize * 1.728); // 24px // h2
+$euiFontSizeXXL:   ceil($euiFontSize * 2.074); // 30px // h1
+
+$euiBodyLineHeight: 1.142857143 !default; // 16px from a 14px base font size to ensure it aligns to our 16px grid
+
+$euiCodeFontWeightRegular: 400;
+$euiCodeFontWeightBold: 600;
+
+// Normally functions are imported before variables in `_index.scss` files
+// But because they need to consume some typography variables they need to live here
+@function convertToRem($size) {
+  @return #{$size / $euiFontSize}rem;
+}
+
+// Use 8px increments for base gridline
+@function lineHeightFromBaseline($multiplier: 3) {
+  @return convertToRem(($euiSize / 2) * $multiplier);
+}
+
+$euiTitles: (
+  'xxxs': (
+    'font-size': $euiFontSizeXS,
+    'line-height': lineHeightFromBaseline(2),
+    'font-weight': $euiFontWeightBold,
+  ),
+  'xxs': (
+    'font-size': $euiFontSizeS,
+    'line-height': lineHeightFromBaseline(3),
+    'font-weight': $euiFontWeightBold,
+  ),
+  'xs': (
+    'font-size': $euiFontSizeM,
+    'line-height': lineHeightFromBaseline(3),
+    'font-weight': $euiFontWeightBold,
+  ),
+  's': (
+    'font-size': $euiFontSizeL,
+    'line-height': lineHeightFromBaseline(4),
+    'font-weight': $euiFontWeightBold,
+  ),
+  'm': (
+    'font-size': $euiFontSizeXL,
+    'line-height': lineHeightFromBaseline(4),
+    'font-weight': $euiFontWeightBold,
+  ),
+  'l': (
+    'font-size': $euiFontSizeXXL,
+    'line-height': lineHeightFromBaseline(5),
+    'font-weight': $euiFontWeightBold,
+  ),
+);

package/src/variables/colors/_colors_dark.scss

@@ -0,0 +1,121 @@
+// stylelint-disable color-no-hex
+
+// This extra import allows any variables that are created via functions to work when loaded into JS
+@import 'node_modules/@elastic/eui-theme-common/src/global_styling/functions/index';
+
+@import 'semantic_colors';
+
+// Constants (legacy)
+$euiColorGhost: $euiColorWhite !default;
+$euiColorInk: $euiColorBlack !default;
+
+// Brand
+$euiColorPrimary: $euiColorPrimary70 !default;
+$euiColorAccent: $euiColorAccent70 !default;
+$euiColorAccentSecondary: $euiColorAccentSecondary70 !default;
+$euiColorSuccess: $euiColorSuccess60 !default;
+$euiColorWarning: $euiColorWarning40 !default;
+$euiColorDanger: $euiColorDanger70 !default;
+
+// Shades
+$euiColorEmptyShade: $euiColorPlainDark !default;
+$euiColorLightestShade: $euiColorShade135 !default;
+$euiColorLightShade: $euiColorShade125 !default;
+$euiColorMediumShade: $euiColorShade95 !default;
+$euiColorDarkShade: $euiColorShade75 !default;
+$euiColorDarkestShade: $euiColorShade30 !default;
+$euiColorFullShade: $euiColorPlainLight !default;
+
+// Backgrounds
+$euiPageBackgroundColor: $euiColorBlueBlack !default;  // deprecated
+$euiColorHighlight: $euiColorPrimary100 !default;
+
+$euiColorBackgroundBasePrimary: $euiColorPrimary140 !default;
+$euiColorBackgroundBaseAccent: $euiColorAccent140 !default;
+$euiColorBackgroundBaseAccentSecondary: $euiColorAccentSecondary140 !default;
+$euiColorBackgroundBaseSuccess: $euiColorSuccess140 !default;
+$euiColorBackgroundBaseWarning: $euiColorWarning140 !default;
+$euiColorBackgroundBaseDanger: $euiColorDanger140 !default;
+$euiColorBackgroundBaseSubdued: $euiColorPlainDark !default;
+$euiColorBackgroundBasePlain: $euiColorShade145 !default;
+$euiColorBackgroundBaseDisabled: $euiColorShade130 !default;
+$euiColorBackgroundBaseFormsPrepend: $euiColorShade125 !default;
+$euiColorBackgroundBaseFormsControlDisabled: $euiColorShade120 !default;
+
+$euiColorBackgroundBaseInteractiveHover: $euiColorTransparentWhite10 !default;
+$euiColorBackgroundBaseInteractiveSelect: $euiColorShade130 !default;
+$euiColorBackgroundBaseInteractiveOverlay: $euiColorShadeTransparent80 !default;
+$euiColorBackgroundBaseSkeletonEdge: $euiColorTransparentWhite10 !default;
+$euiColorBackgroundBaseSkeletonMiddle: $euiColorTransparentWhite30 !default;
+
+$euiColorBackgroundLightPrimary: $euiColorPrimary130 !default;
+$euiColorBackgroundLightAccent: $euiColorAccent130 !default;
+$euiColorBackgroundLightAccentSecondary: $euiColorAccentSecondary130 !default;
+$euiColorBackgroundLightSuccess: $euiColorSuccess130 !default;
+$euiColorBackgroundLightWarning: $euiColorWarning130 !default;
+$euiColorBackgroundLightDanger: $euiColorDanger130 !default;
+$euiColorBackgroundLightText: $euiColorShade130 !default;
+
+$euiColorBackgroundFilledPrimary: $euiColorPrimary60 !default;
+$euiColorBackgroundFilledAccent: $euiColorAccent60 !default;
+$euiColorBackgroundFilledAccentSecondary: $euiColorAccentSecondary60 !default;
+$euiColorBackgroundFilledSuccess: $euiColorSuccess60 !default;
+$euiColorBackgroundFilledWarning: $euiColorWarning40 !default;
+$euiColorBackgroundFilledDanger: $euiColorDanger60 !default;
+$euiColorBackgroundFilledText: $euiColorShade60 !default;
+
+// Texts (legacy)
+$euiTextColor: $euiColorShade20 !default;
+$euiTitleColor: $euiColorShade15 !default;
+$euiTextSubduedColor: $euiColorShade40 !default;
+$euiColorDisabled: $euiColorBackgroundBaseDisabled !default;
+$euiColorDisabledText: $euiColorShade60 !default;
+$euiLinkColor: $euiColorPrimary60 !default;
+
+// Texts
+$euiColorTextParagraph: $euiColorShade20 !default;
+$euiColorTextHeading: $euiColorShade15 !default;
+$euiColorTextSubdued: $euiColorShade40 !default;
+$euiColorTextDisabled: $euiColorShade60 !default;
+$euiColorTextInverse: $euiColorPlainDark !default;
+
+// Brand texts (legacy)
+$euiColorPrimaryText: $euiColorPrimary60 !default;
+$euiColorAccentText: $euiColorAccent60 !default;
+$euiColorSuccessText: $euiColorSuccess60 !default;
+$euiColorWarningText: $euiColorWarning30 !default;
+$euiColorDangerText: $euiColorDanger60 !default;
+
+// Brand texts
+$euiColorTextPrimary: $euiColorPrimary60 !default;
+$euiColorTextAccent: $euiColorAccent60 !default;
+$euiColorTextAccentSecondary: $euiColorAccentSecondary60 !default;
+$euiColorTextSuccess: $euiColorSuccess60 !default;
+$euiColorTextWarning: $euiColorWarning30 !default;
+$euiColorTextDanger: $euiColorDanger60 !default;
+
+// Borders
+$euiColorBorderBasePrimary: $euiColorPrimary120;
+$euiColorBorderBaseAccent: $euiColorAccent120;
+$euiColorBorderBaseAccentSecondary: $euiColorAccentSecondary120;
+$euiColorBorderBaseSuccess: $euiColorSuccess120;
+$euiColorBorderBaseWarning: $euiColorWarning120;
+$euiColorBorderBaseDanger: $euiColorDanger120;
+
+$euiColorBorderBasePlain: $euiColorShade110;
+$euiColorBorderBaseSubdued: $euiColorShade120;
+$euiColorBorderBaseDisabled: $euiColorShade120;
+$euiColorBorderBaseFloating: $euiColorShade120;
+$euiColorBorderBaseFormsColorSwatch: $euiColorTransparentWhite30;
+$euiColorBorderBaseFormsControl: $euiColorShade80;
+
+$euiColorStrongBasePrimary: $euiColorPrimary60;
+$euiColorStrongBaseAccent: $euiColorAccent60;
+$euiColorStrongBaseAccentSecondary: $euiColorAccentSecondary60;
+$euiColorStrongBaseSuccess: $euiColorSuccess60;
+$euiColorStrongBaseWarning: $euiColorWarning40;
+$euiColorStrongBaseDanger: $euiColorDanger60;
+
+// Charts
+$euiColorChartLines: $euiColorShade85 !default;
+$euiColorChartBand: $euiColorShade125 !default;

package/src/variables/colors/_colors_light.scss

@@ -0,0 +1,123 @@
+// stylelint-disable color-no-hex
+
+// This extra import allows any variables that are created via functions to work when loaded into JS
+@import 'node_modules/@elastic/eui-theme-common/src/global_styling/functions/index';
+
+@import 'semantic_colors';
+
+// These colors stay the same no matter the theme
+// @deprecated
+$euiColorGhost: $euiColorWhite !default;
+$euiColorInk: $euiColorBlack !default;
+
+// Brand
+$euiColorPrimary: $euiColorPrimary90 !default;
+$euiColorAccent: $euiColorAccent90 !default;
+$euiColorAccentSecondary: $euiColorAccentSecondary90 !default;
+$euiColorSuccess: $euiColorSuccess90 !default;
+$euiColorWarning: $euiColorWarning40 !default;
+$euiColorDanger: $euiColorDanger90 !default;
+
+// Shades
+$euiColorEmptyShade: $euiColorPlainLight !default;
+$euiColorLightestShade: $euiColorShade20 !default;
+$euiColorLightShade: $euiColorShade30 !default;
+$euiColorMediumShade: $euiColorShade60 !default;
+$euiColorDarkShade: $euiColorShade90 !default;
+$euiColorDarkestShade: $euiColorShade120 !default;
+$euiColorFullShade: $euiColorPlainLight !default;
+
+// Backgrounds
+$euiPageBackgroundColor: $euiColorShade10 !default; // deprecated
+$euiColorHighlight: $euiColorPrimary10 !default;
+
+$euiColorBackgroundBasePrimary: $euiColorPrimary10 !default;
+$euiColorBackgroundBaseAccent: $euiColorAccent10 !default;
+$euiColorBackgroundBaseAccentSecondary: $euiColorAccentSecondary10 !default;
+$euiColorBackgroundBaseSuccess: $euiColorSuccess10 !default;
+$euiColorBackgroundBaseWarning: $euiColorWarning10 !default;
+$euiColorBackgroundBaseDanger: $euiColorDanger10 !default;
+$euiColorBackgroundBaseSubdued: $euiColorShade10 !default;
+$euiColorBackgroundBasePlain: $euiColorPlainLight !default;
+$euiColorBackgroundBaseDisabled: $euiColorShade15 !default;
+$euiColorBackgroundBaseFormsPrepend: $euiColorShade15 !default;
+$euiColorBackgroundBaseFormsControlDisabled: $euiColorShade30 !default;
+
+$euiColorBackgroundBaseInteractiveHover: $euiColorShadeTransparent10 !default;
+$euiColorBackgroundBaseInteractiveSelect: $euiColorShade15 !default;
+$euiColorBackgroundBaseInteractiveOverlay: $euiColorShadeTransparent80 !default;
+$euiColorBackgroundBaseSkeletonEdge: $euiColorShadeTransparent30 !default;
+$euiColorBackgroundBaseSkeletonMiddle: $euiColorShadeTransparent10 !default;
+
+$euiColorBackgroundLightPrimary: $euiColorPrimary20 !default;
+$euiColorBackgroundLightAccent: $euiColorAccent20 !default;
+$euiColorBackgroundLightAccentSecondary: $euiColorAccentSecondary20 !default;
+$euiColorBackgroundLightSuccess: $euiColorSuccess20 !default;
+$euiColorBackgroundLightWarning: $euiColorWarning20 !default;
+$euiColorBackgroundLightDanger: $euiColorDanger20 !default;
+$euiColorBackgroundLightText: $euiColorShade20 !default;
+
+$euiColorBackgroundFilledPrimary: $euiColorPrimary90 !default;
+$euiColorBackgroundFilledAccent: $euiColorAccent90 !default;
+$euiColorBackgroundFilledAccentSecondary: $euiColorAccentSecondary90 !default;
+$euiColorBackgroundFilledSuccess: $euiColorSuccess90 !default;
+$euiColorBackgroundFilledWarning: $euiColorWarning90 !default;
+$euiColorBackgroundFilledDanger: $euiColorDanger90 !default;
+$euiColorBackgroundFilledText: $euiColorShade90 !default;
+
+// Texts (legacy)
+$euiTextColor: $euiColorShade135 !default;
+$euiTitleColor: $euiColorShade140 !default;
+$euiTextSubduedColor: $euiColorShade90 !default;
+$euiColorDisabled: $euiColorBackgroundBaseDisabled !default;
+$euiColorDisabledText: $euiColorShade70 !default;
+$euiLinkColor: $euiColorPrimary100 !default;
+
+// Texts
+$euiColorTextParagraph: $euiColorShade135 !default;
+$euiColorTextHeading: $euiColorShade140 !default;
+$euiColorTextSubdued: $euiColorShade90 !default;
+$euiColorTextDisabled: $euiColorShade70 !default;
+$euiColorTextInverse: $euiColorPlainLight !default;
+
+// Brand texts (legacy)
+$euiColorPrimaryText: $euiColorPrimary100 !default;
+$euiColorAccentText: $euiColorAccent100 !default;
+$euiColorSuccessText: $euiColorSuccess100 !default;
+$euiColorWarningText: $euiColorWarning110 !default;
+$euiColorDangerText: $euiColorDanger100 !default;
+
+// Brand texts
+$euiColorTextPrimary: $euiColorPrimary100 !default;
+$euiColorTextAccent: $euiColorAccent100 !default;
+$euiColorTextAccentSecondary: $euiColorAccentSecondary100 !default;
+$euiColorTextSuccess: $euiColorSuccess100 !default;
+$euiColorTextWarning: $euiColorWarning110 !default;
+$euiColorTextDanger: $euiColorDanger100 !default;
+
+// Borders
+$euiColorBorderBasePrimary: $euiColorPrimary30;
+$euiColorBorderBaseAccent: $euiColorAccent30;
+$euiColorBorderBaseAccentSecondary: $euiColorAccentSecondary30;
+$euiColorBorderBaseSuccess: $euiColorSuccess30;
+$euiColorBorderBaseWarning: $euiColorWarning30;
+$euiColorBorderBaseDanger: $euiColorDanger30;
+
+$euiColorBorderBasePlain: $euiColorShade30;
+$euiColorBorderBaseSubdued: $euiColorShade20;
+$euiColorBorderBaseDisabled: $euiColorShade30;
+$euiColorBorderBaseFloating: $euiColorTransparentWhite0;
+
+$euiColorBorderBaseFormsColorSwatch: $euiColorShadeTransparent30;
+$euiColorBorderBaseFormsControl: $euiColorShade60;
+
+$euiColorBorderStrongPrimary: $euiColorPrimary100;
+$euiColorBorderStrongAccent: $euiColorAccent100;
+$euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary100;
+$euiColorBorderStrongSuccess: $euiColorSuccess100;
+$euiColorBorderStrongWarning: $euiColorWarning100;
+$euiColorBorderStrongDanger: $euiColorDanger100;
+
+// Charts
+$euiColorChartLines: $euiColorShade30 !default;
+$euiColorChartBand: $euiColorShade10 !default;

package/src/variables/colors/_semantic_colors.scss

@@ -0,0 +1,211 @@
+/**
+ * contains primitive & semantic colors
+ * Temp. manually created file
+ * TODO: automatically generate scss variable files
+ */
+
+
+$euiColorWhite: #FFF !default;
+$euiColorBlack: #000 !default;
+$euiColorMutedBlack: #0E0F12 !default;
+$euiColorBlueBlack: #050F21 !default;
+
+$euiColorTransparentWhite0: 'transparent' !default;
+$euiColorTransparentWhite10: rgba(255, 255, 255, 0.06) !default;
+$euiColorTransparentWhite20: rgba(255, 255, 255, 0.10) !default;
+$euiColorTransparentWhite30: rgba(255, 255, 255, 0.16) !default;
+$euiColorTransparentWhite40: rgba(255, 255, 255, 0.22) !default;
+$euiColorTransparentWhite50: rgba(255, 255, 255, 0.28) !default;
+$euiColorTransparentWhite60: rgba(255, 255, 255, 0.34) !default;
+$euiColorTransparentWhite70: rgba(255, 255, 255, 0.42) !default;
+$euiColorTransparentWhite80: rgba(255, 255, 255, 0.50) !default;
+$euiColorTransparentWhite90: rgba(255, 255, 255, 0.58) !default;
+$euiColorTransparentWhite100: rgba(255, 255, 255, 0.66) !default;
+$euiColorTransparentWhite110: rgba(255, 255, 255, 0.74) !default;
+$euiColorTransparentWhite120: rgba(255, 255, 255, 0.8) !default;
+$euiColorTransparentWhite130: rgba(255, 255, 255, 0.84) !default;
+$euiColorTransparentWhite140: rgba(255, 255, 255, 0.88) !default;
+
+$euiColorTransparentMutedGrey10: rgba(54, 95, 178, 0.06) !default;
+$euiColorTransparentMutedGrey20: rgba(50, 88, 163, 0.10) !default;
+$euiColorTransparentMutedGrey30: rgba(44, 75, 138, 0.15) !default;
+$euiColorTransparentMutedGrey40: rgba(37, 60, 111, 0.19) !default;
+$euiColorTransparentMutedGrey50: rgba(31, 48, 84, 0.24) !default;
+$euiColorTransparentMutedGrey60: rgba(24, 35, 58, 0.32) !default;
+$euiColorTransparentMutedGrey70: rgba(18, 22, 32, 0.40) !default;
+$euiColorTransparentMutedGrey80: rgba(14, 15, 18, 0.50) !default;
+$euiColorTransparentMutedGrey90: rgba(14, 15, 18, 0.60) !default;
+$euiColorTransparentMutedGrey100: rgba(14, 15, 18, 0.68) !default;
+$euiColorTransparentMutedGrey110: rgba(14, 15, 18, 0.76) !default;
+$euiColorTransparentMutedGrey120: rgba(14, 15, 18, 0.84) !default;
+$euiColorTransparentMutedGrey130: rgba(14, 15, 18, 0.88) !default;
+$euiColorTransparentMutedGrey140: rgba(14, 15, 18, 0.92) !default;
+
+$euiColorTransparentBlueGrey10: rgba(54, 95, 178, 0.06) !default;
+$euiColorTransparentBlueGrey20: rgba(54, 95, 178, 0.10) !default;
+$euiColorTransparentBlueGrey30: rgba(54, 95, 178, 0.16) !default;
+$euiColorTransparentBlueGrey40: rgba(54, 95, 178, 0.22) !default;
+$euiColorTransparentBlueGrey50: rgba(47, 84, 158, 0.28) !default;
+$euiColorTransparentBlueGrey60: rgba(35, 65, 123, 0.36) !default;
+$euiColorTransparentBlueGrey70: rgba(24, 45, 88, 0.44) !default;
+$euiColorTransparentBlueGrey80: rgba(11, 25, 51, 0.52) !default;
+$euiColorTransparentBlueGrey90: rgba(5, 15, 33, 0.60) !default;
+$euiColorTransparentBlueGrey100: rgba(5, 15, 33, 0.68) !default;
+$euiColorTransparentBlueGrey110: rgba(5, 15, 33, 0.76) !default;
+$euiColorTransparentBlueGrey120: rgba(5, 15, 33, 0.84) !default;
+$euiColorTransparentBlueGrey130: rgba(5, 15, 33, 0.88) !default;
+$euiColorTransparentBlueGrey140: rgba(5, 15, 33, 0.92) !default;
+
+$euiColorPlainLight: $euiColorWhite !default;
+$euiColorPlainDark: $euiColorBlueBlack !default;
+
+$euiColorPrimary10: #E5F3FF !default;
+$euiColorPrimary20: #D6E9FF !default;
+$euiColorPrimary30: #B4D5FF !default;
+$euiColorPrimary40: #96C3FF !default;
+$euiColorPrimary50: #78B0FF !default;
+$euiColorPrimary60: #599DFF !default;
+$euiColorPrimary70: #3788FF !default;
+$euiColorPrimary80: #2476F0 !default;
+$euiColorPrimary90: #0B64DD !default;
+$euiColorPrimary100: #1750BA !default;
+$euiColorPrimary110: #154399 !default;
+$euiColorPrimary120: #123778 !default;
+$euiColorPrimary130: #0D2F5E !default;
+$euiColorPrimary140: #0A2342 !default;
+
+$euiColorAccent10: #FFEBF5 !default;
+$euiColorAccent20: #FDDDE9 !default;
+$euiColorAccent30: #FFBED5 !default;
+$euiColorAccent40: #FBA3C4 !default;
+$euiColorAccent50: #F588B3 !default;
+$euiColorAccent60: #ED6BA2 !default;
+$euiColorAccent70: #E54A91 !default;
+$euiColorAccent80: #D13680 !default;
+$euiColorAccent90: #BC1E70 !default;
+$euiColorAccent100: #A11262 !default;
+$euiColorAccent110: #831652 !default;
+$euiColorAccent120: #5E2140 !default;
+$euiColorAccent130: #481E32 !default;
+$euiColorAccent140: #351725 !default;
+
+$euiColorAccentSecondary10: #E2F9F7 !default;
+$euiColorAccentSecondary20: #C9F3F0 !default;
+$euiColorAccentSecondary30: #98E6E2 !default;
+$euiColorAccentSecondary40: #5DD8D2 !default;
+$euiColorAccentSecondary50: #2ECCC7 !default;
+$euiColorAccentSecondary60: #00BEB8 !default;
+$euiColorAccentSecondary70: #00B0AA !default;
+$euiColorAccentSecondary80: #009E99 !default;
+$euiColorAccentSecondary90: #008B87 !default;
+$euiColorAccentSecondary100: #047471 !default;
+$euiColorAccentSecondary110: #065B58 !default;
+$euiColorAccentSecondary120: #044949 !default;
+$euiColorAccentSecondary130: #023436 !default;
+$euiColorAccentSecondary140: #03282B !default;
+
+$euiColorSuccess10: #E2F8F0 !default;
+$euiColorSuccess20: #C9F3E3 !default;
+$euiColorSuccess30: #9DEDCE !default;
+$euiColorSuccess40: #6EDEB7 !default;
+$euiColorSuccess50: #3ACFA0 !default;
+$euiColorSuccess60: #23BE8F !default;
+$euiColorSuccess70: #04AE7E !default;
+$euiColorSuccess80: #00996B !default;
+$euiColorSuccess90: #008A5E !default;
+$euiColorSuccess100: #09724D !default;
+$euiColorSuccess110: #0C5A3F !default;
+$euiColorSuccess120: #094837 !default;
+$euiColorSuccess130: #0D362B !default;
+$euiColorSuccess140: #092A26 !default;
+
+$euiColorWarning10: #FDF3D8 !default;
+$euiColorWarning20: #FDE9B5 !default;
+$euiColorWarning30: #FCD279 !default;
+$euiColorWarning40: #FACB3D !default;
+$euiColorWarning50: #F5BC00 !default;
+$euiColorWarning60: #E6AB01 !default;
+$euiColorWarning70: #CA9601 !default;
+$euiColorWarning80: #AD7E00 !default;
+$euiColorWarning90: #966B03 !default;
+$euiColorWarning100: #825803 !default;
+$euiColorWarning110: #6A4906 !default;
+$euiColorWarning120: #513910 !default;
+$euiColorWarning130: #3D3014 !default;
+$euiColorWarning140: #2C2721 !default;
+
+$euiColorDanger10: #FFE8E5 !default;
+$euiColorDanger20: #FDDDD8 !default;
+$euiColorDanger30: #FFC0B8 !default;
+$euiColorDanger40: #FFA59C !default;
+$euiColorDanger50: #FC8A80 !default;
+$euiColorDanger60: #F66D64 !default;
+$euiColorDanger70: #EE4C48 !default;
+$euiColorDanger80: #DA3737 !default;
+$euiColorDanger90: #C61E25 !default;
+$euiColorDanger100: #A71627 !default;
+$euiColorDanger110: #7F1F27 !default;
+$euiColorDanger120: #5E2129 !default;
+$euiColorDanger130: #491D27 !default;
+$euiColorDanger140: #351721 !default;
+
+$euiColorAssistance10: #F3ECFE !default;
+$euiColorAssistance20: #ECE2FE !default;
+$euiColorAssistance30: #DECDFE !default;
+$euiColorAssistance40: #CEB6FC !default;
+$euiColorAssistance50: #BF9CF9 !default;
+$euiColorAssistance60: #B084F5 !default;
+$euiColorAssistance70: #A36DEF !default;
+$euiColorAssistance80: #925CDA !default;
+$euiColorAssistance90: #8144CC !default;
+$euiColorAssistance100: #6B3C9F !default;
+$euiColorAssistance110: #52357E !default;
+$euiColorAssistance120: #3E2C63 !default;
+$euiColorAssistance130: #322452 !default;
+$euiColorAssistance140: #2A1E3E !default;
+
+$euiColorShade10: #F6F9FC !default;
+$euiColorShade15: #ECF1F9 !default;
+$euiColorShade20: #E3E8F2 !default;
+$euiColorShade25: #D6DDEA !default;
+$euiColorShade30: #CAD3E2 !default;
+$euiColorShade35: #C0CCDD !default;
+$euiColorShade40: #B4C1D5 !default;
+$euiColorShade45: #ABB9D0 !default;
+$euiColorShade50: #A2B1C9 !default;
+$euiColorShade55: #98A8C3 !default;
+$euiColorShade60: #8E9FBC !default;
+$euiColorShade65: #8497B7 !default;
+$euiColorShade70: #798EAF !default;
+$euiColorShade75: #7186A8 !default;
+$euiColorShade80: #6A7FA0 !default;
+$euiColorShade85: #627593 !default;
+$euiColorShade90: #5A6D8C !default;
+$euiColorShade95: #516381 !default;
+$euiColorShade100: #485975 !default;
+$euiColorShade105: #3F4F69 !default;
+$euiColorShade110: #384861 !default;
+$euiColorShade115: #324058 !default;
+$euiColorShade120: #2B394F !default;
+$euiColorShade125: #243147 !default;
+$euiColorShade130: #1D2A3E !default;
+$euiColorShade135: #172336 !default;
+$euiColorShade140: #111C2C !default;
+$euiColorShade145: #0B1628 !default;
+
+$euiColorShadeTransparent10: $euiColorTransparentBlueGrey10 !default;
+$euiColorShadeTransparent20: $euiColorTransparentBlueGrey20 !default;
+$euiColorShadeTransparent30: $euiColorTransparentBlueGrey30 !default;
+$euiColorShadeTransparent40: $euiColorTransparentBlueGrey40 !default;
+$euiColorShadeTransparent50: $euiColorTransparentBlueGrey50 !default;
+$euiColorShadeTransparent60: $euiColorTransparentBlueGrey60 !default;
+$euiColorShadeTransparent70: $euiColorTransparentBlueGrey70 !default;
+$euiColorShadeTransparent80: $euiColorTransparentBlueGrey80 !default;
+$euiColorShadeTransparent90: $euiColorTransparentBlueGrey90 !default;
+$euiColorShadeTransparent100: $euiColorTransparentBlueGrey100 !default;
+$euiColorShadeTransparent110: $euiColorTransparentBlueGrey110 !default;
+$euiColorShadeTransparent120: $euiColorTransparentBlueGrey120 !default;
+$euiColorShadeTransparent130: $euiColorTransparentBlueGrey130 !default;
+$euiColorShadeTransparent140: $euiColorTransparentBlueGrey140 !default;
+ 
+