refactor: inherit border.color from color tokens

elastic · Nov 20, 2024 · dea713d · dea713d
1 parent 14add60
commit dea713d
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/packages/eui-theme-borealis/src/variables/_borders.scss b/packages/eui-theme-borealis/src/variables/_borders.scss
diff --git a/packages/eui-theme-borealis/src/variables/_index.scss b/packages/eui-theme-borealis/src/variables/_index.scss
@@ -3,7 +3,6 @@
 @import 'states';
 
 @import './colors/colors_vis';
-@import 'borders';
 @import 'form';
 @import 'page';
 @import 'font_weight';

diff --git a/packages/eui-theme-common/src/global_styling/variables/_borders.scss b/packages/eui-theme-common/src/global_styling/variables/_borders.scss
@@ -3,7 +3,7 @@
 $euiBorderWidthThin: 1px !default;
 $euiBorderWidthThick: 2px !default;
 
-$euiBorderColor: $euiColorLightShade !default;
+$euiBorderColor: $euiColorBorderBaseSubdued !default;
 $euiBorderRadius: $euiSizeS * .75 !default;
 $euiBorderRadiusSmall: $euiSizeS * .5 !default;
 $euiBorderThick: $euiBorderWidthThick solid $euiBorderColor !default;

diff --git a/packages/eui/src/themes/amsterdam/global_styling/variables/_borders.ts b/packages/eui/src/themes/amsterdam/global_styling/variables/_borders.ts
@@ -12,7 +12,10 @@ import { sizeToPixel } from '../../../../global_styling/functions';
 import { computed } from '../../../../services/theme/utils';
 
 export const border: _EuiThemeBorder = {
-  color: computed(([lightShade]) => lightShade, ['colors.lightShade']),
+  color: computed(
+    ([borderBaseSubdued]) => borderBaseSubdued,
+    ['colors.borderBaseSubdued']
+  ),
   width: {
     thin: '1px',
     thick: '2px',