diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_dark.scss b/packages/eui-theme-borealis/src/variables/colors/_colors_dark.scss index b7d7ebae02b..17728f9ab36 100644 --- a/packages/eui-theme-borealis/src/variables/colors/_colors_dark.scss +++ b/packages/eui-theme-borealis/src/variables/colors/_colors_dark.scss @@ -96,26 +96,26 @@ $euiColorTextWarning: $euiColorWarning30 !default; $euiColorTextDanger: $euiColorDanger60 !default; // Borders -$euiColorBorderBasePrimary: $euiColorPrimary120; -$euiColorBorderBaseAccent: $euiColorAccent120; -$euiColorBorderBaseAccentSecondary: $euiColorAccentSecondary120; -$euiColorBorderBaseSuccess: $euiColorSuccess120; -$euiColorBorderBaseWarning: $euiColorWarning120; -$euiColorBorderBaseDanger: $euiColorDanger120; - -$euiColorBorderBasePlain: $euiColorShade100; -$euiColorBorderBaseSubdued: $euiColorShade120; -$euiColorBorderBaseDisabled: $euiColorShade100; -$euiColorBorderBaseFloating: $euiColorShade120; -$euiColorBorderBaseFormsColorSwatch: $euiColorPlainLightAlpha32; -$euiColorBorderBaseFormsControl: $euiColorShade80; - -$euiColorStrongBasePrimary: $euiColorPrimary60; -$euiColorStrongBaseAccent: $euiColorAccent60; -$euiColorStrongBaseAccentSecondary: $euiColorAccentSecondary60; -$euiColorStrongBaseSuccess: $euiColorSuccess60; -$euiColorStrongBaseWarning: $euiColorWarning40; -$euiColorStrongBaseDanger: $euiColorDanger60; +$euiColorBorderBasePrimary: $euiColorPrimary120 !default; +$euiColorBorderBaseAccent: $euiColorAccent120 !default; +$euiColorBorderBaseAccentSecondary: $euiColorAccentSecondary120 !default; +$euiColorBorderBaseSuccess: $euiColorSuccess120 !default; +$euiColorBorderBaseWarning: $euiColorWarning120 !default; +$euiColorBorderBaseDanger: $euiColorDanger120 !default; + +$euiColorBorderBasePlain: $euiColorShade100 !default; +$euiColorBorderBaseSubdued: $euiColorShade120 !default; +$euiColorBorderBaseDisabled: $euiColorShade100 !default; +$euiColorBorderBaseFloating: $euiColorShade120 !default; +$euiColorBorderBaseFormsColorSwatch: $euiColorPlainLightAlpha32 !default; +$euiColorBorderBaseFormsControl: $euiColorShade80 !default; + +$euiColorBorderStrongPrimary: $euiColorPrimary60 !default; +$euiColorBorderStrongAccent: $euiColorAccent60 !default; +$euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary60 !default; +$euiColorBorderStrongSuccess: $euiColorSuccess60 !default; +$euiColorBorderStrongWarning: $euiColorWarning40 !default; +$euiColorBorderStrongDanger: $euiColorDanger60 !default; // Charts $euiColorChartLines: $euiColorShade85 !default; diff --git a/packages/eui-theme-borealis/src/variables/colors/_colors_light.scss b/packages/eui-theme-borealis/src/variables/colors/_colors_light.scss index fcf7583c84b..667ea531c29 100644 --- a/packages/eui-theme-borealis/src/variables/colors/_colors_light.scss +++ b/packages/eui-theme-borealis/src/variables/colors/_colors_light.scss @@ -97,27 +97,27 @@ $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: $euiColorTransparent; - -$euiColorBorderBaseFormsColorSwatch: $euiColorShade100Alpha24; -$euiColorBorderBaseFormsControl: $euiColorShade60; - -$euiColorBorderStrongPrimary: $euiColorPrimary100; -$euiColorBorderStrongAccent: $euiColorAccent100; -$euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary100; -$euiColorBorderStrongSuccess: $euiColorSuccess100; -$euiColorBorderStrongWarning: $euiColorWarning100; -$euiColorBorderStrongDanger: $euiColorDanger100; +$euiColorBorderBasePrimary: $euiColorPrimary30 !default; +$euiColorBorderBaseAccent: $euiColorAccent30 !default; +$euiColorBorderBaseAccentSecondary: $euiColorAccentSecondary30 !default; +$euiColorBorderBaseSuccess: $euiColorSuccess30 !default; +$euiColorBorderBaseWarning: $euiColorWarning30 !default; +$euiColorBorderBaseDanger: $euiColorDanger30 !default; + +$euiColorBorderBasePlain: $euiColorShade30 !default; +$euiColorBorderBaseSubdued: $euiColorShade20 !default; +$euiColorBorderBaseDisabled: $euiColorShade30 !default; +$euiColorBorderBaseFloating: $euiColorTransparent !default; + +$euiColorBorderBaseFormsColorSwatch: $euiColorShade100Alpha24 !default; +$euiColorBorderBaseFormsControl: $euiColorShade60 !default; + +$euiColorBorderStrongPrimary: $euiColorPrimary100 !default; +$euiColorBorderStrongAccent: $euiColorAccent100 !default; +$euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary100 !default; +$euiColorBorderStrongSuccess: $euiColorSuccess100 !default; +$euiColorBorderStrongWarning: $euiColorWarning100 !default; +$euiColorBorderStrongDanger: $euiColorDanger100 !default; // Charts $euiColorChartLines: $euiColorShade30 !default; diff --git a/packages/eui/src/themes/amsterdam/_colors_dark.scss b/packages/eui/src/themes/amsterdam/_colors_dark.scss index 17962ad49d8..2827963d863 100644 --- a/packages/eui/src/themes/amsterdam/_colors_dark.scss +++ b/packages/eui/src/themes/amsterdam/_colors_dark.scss @@ -95,26 +95,26 @@ $euiColorTextDanger: $euiColorDangerText !default; $euiLinkColor: $euiColorPrimaryText !default; // Borders -$euiColorBorderBasePrimary: shade($euiColorPrimary, 0.6); -$euiColorBorderBaseAccent: shade($euiColorAccent, 0.6); -$euiColorBorderBaseAccentSecondary: shade($euiColorAccentSecondary, 0.6); -$euiColorBorderBaseSuccess: shade($euiColorSuccess, 0.6); -$euiColorBorderBaseWarning: shade($euiColorWarning, 0.6); -$euiColorBorderBaseDanger: shade($euiColorDanger, 0.6); - -$euiColorBorderBasePlain: $euiColorLightShade; -$euiColorBorderBaseSubdued: $euiColorLightShade; -$euiColorBorderBaseDisabled: transparentize($euiColorGhost, 0.1); -$euiColorBorderBaseFloating: $euiColorLightShade; -$euiColorBorderBaseFormsColorSwatch: transparentize($euiColorFullShade, 0.1); -$euiColorBorderBaseFormsControl: tint($euiColorLightestShade, 0.31); - -$euiColorBorderStrongPrimary: $euiColorBorderBasePrimary; -$euiColorBorderStrongAccent: $euiColorBorderBaseAccent; -$euiColorBorderStrongAccentSecondary: $euiColorBorderBaseAccentSecondary; -$euiColorBorderStrongSuccess: $euiColorBorderBaseSuccess; -$euiColorBorderStrongWarning: $euiColorBorderBaseWarning; -$euiColorBorderStrongDanger: $euiColorBorderBaseDanger; +$euiColorBorderBasePrimary: shade($euiColorPrimary, 0.6) !default; +$euiColorBorderBaseAccent: shade($euiColorAccent, 0.6) !default; +$euiColorBorderBaseAccentSecondary: shade($euiColorAccentSecondary, 0.6) !default; +$euiColorBorderBaseSuccess: shade($euiColorSuccess, 0.6) !default; +$euiColorBorderBaseWarning: shade($euiColorWarning, 0.6) !default; +$euiColorBorderBaseDanger: shade($euiColorDanger, 0.6) !default; + +$euiColorBorderBasePlain: $euiColorLightShade !default; +$euiColorBorderBaseSubdued: $euiColorLightShade !default; +$euiColorBorderBaseDisabled: transparentize($euiColorGhost, 0.1) !default; +$euiColorBorderBaseFloating: $euiColorLightShade !default; +$euiColorBorderBaseFormsColorSwatch: transparentize($euiColorFullShade, 0.1) !default; +$euiColorBorderBaseFormsControl: tint($euiColorLightestShade, 0.31) !default; + +$euiColorBorderStrongPrimary: $euiColorBorderBasePrimary !default; +$euiColorBorderStrongAccent: $euiColorBorderBaseAccent !default; +$euiColorBorderStrongAccentSecondary: $euiColorBorderBaseAccentSecondary !default; +$euiColorBorderStrongSuccess: $euiColorBorderBaseSuccess !default; +$euiColorBorderStrongWarning: $euiColorBorderBaseWarning !default; +$euiColorBorderStrongDanger: $euiColorBorderBaseDanger !default; // Charts $euiColorChartLines: $euiColorLightShade !default; diff --git a/packages/eui/src/themes/amsterdam/_colors_light.scss b/packages/eui/src/themes/amsterdam/_colors_light.scss index f0e7328d1a1..af846e03e7e 100644 --- a/packages/eui/src/themes/amsterdam/_colors_light.scss +++ b/packages/eui/src/themes/amsterdam/_colors_light.scss @@ -95,26 +95,26 @@ $euiColorTextDanger: $euiColorDangerText !default; $euiLinkColor: $euiColorPrimaryText !default; // Borders -$euiColorBorderBasePrimary: tint($euiColorPrimary, 0.6); -$euiColorBorderBaseAccent: tint($euiColorAccent, 0.6); -$euiColorBorderBaseAccentSecondary: tint($euiColorAccentSecondary, 0.6); -$euiColorBorderBaseSuccess: tint($euiColorSuccess, 0.6); -$euiColorBorderBaseWarning: tint($euiColorWarning, 0.6); -$euiColorBorderBaseDanger: tint($euiColorDanger, 0.6); - -$euiColorBorderBasePlain: $euiColorLightShade; -$euiColorBorderBaseSubdued: $euiColorLightShade; -$euiColorBorderBaseDisabled: transparentize(darken($euiColorLightShade, 40%), 0.1); -$euiColorBorderBaseFloating: 'transparent'; -$euiColorBorderBaseFormsColorSwatch: transparentize($euiColorFullShade, 0.1); -$euiColorBorderBaseFormsControl: shade($euiColorLightestShade, 0.4); - -$euiColorBorderStrongPrimary: $euiColorBorderBasePrimary; -$euiColorBorderStrongAccent: $euiColorBorderBaseAccent; -$euiColorBorderStrongAccentSecondary: $euiColorBorderBaseAccentSecondary; -$euiColorBorderStrongSuccess: $euiColorBorderBaseSuccess; -$euiColorBorderStrongWarning: $euiColorBorderBaseWarning; -$euiColorBorderStrongDanger: $euiColorBorderBaseDanger; +$euiColorBorderBasePrimary: tint($euiColorPrimary, 0.6) !default; +$euiColorBorderBaseAccent: tint($euiColorAccent, 0.6) !default; +$euiColorBorderBaseAccentSecondary: tint($euiColorAccentSecondary, 0.6) !default; +$euiColorBorderBaseSuccess: tint($euiColorSuccess, 0.6) !default; +$euiColorBorderBaseWarning: tint($euiColorWarning, 0.6) !default; +$euiColorBorderBaseDanger: tint($euiColorDanger, 0.6) !default; + +$euiColorBorderBasePlain: $euiColorLightShade !default; +$euiColorBorderBaseSubdued: $euiColorLightShade !default; +$euiColorBorderBaseDisabled: transparentize(darken($euiColorLightShade, 40%), 0.1) !default; +$euiColorBorderBaseFloating: 'transparent' !default; +$euiColorBorderBaseFormsColorSwatch: transparentize($euiColorFullShade, 0.1) !default; +$euiColorBorderBaseFormsControl: shade($euiColorLightestShade, 0.4) !default; + +$euiColorBorderStrongPrimary: $euiColorBorderBasePrimary !default; +$euiColorBorderStrongAccent: $euiColorBorderBaseAccent !default; +$euiColorBorderStrongAccentSecondary: $euiColorBorderBaseAccentSecondary !default; +$euiColorBorderStrongSuccess: $euiColorBorderBaseSuccess !default; +$euiColorBorderStrongWarning: $euiColorBorderBaseWarning !default; +$euiColorBorderStrongDanger: $euiColorBorderBaseDanger !default; // Charts $euiColorChartLines: shade($euiColorLightestShade, 3%) !default;