Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
1912704
feat(theme): add 2 new tokens
acstll Jun 6, 2025
6109911
feat(table_row): improve background colors
acstll Jun 6, 2025
6288956
feat(amsterdam): add tokens for borealis parity
acstll Jun 6, 2025
95817b6
fix(amsterdam): table row component tokens
acstll Jun 6, 2025
c6de3a8
fix(data_grid_cell): focus and hover colors for outline
acstll Jun 6, 2025
9f26a53
feat(data_grid): add 2 new component tokens
acstll Jun 9, 2025
efd14a7
feat(data_grid): adjust hover row styles to new design spec
acstll Jun 9, 2025
ce6aa83
feat(data_grid): do not apply hover styles for stripes
acstll Jun 9, 2025
1c3c2a0
style: lint
acstll Jun 9, 2025
99eaaea
docs(data_grid): update row classes demo
acstll Jun 9, 2025
1cccf60
chore: changelogs
acstll Jun 9, 2025
7ed4a46
test: update visual regression refs (EuiDataGrid)
acstll Jun 9, 2025
0e62b61
fix(theme-borealis): value for primary90 in light mode
acstll Jun 9, 2025
d13f841
test(visual): update EuiDataGrid
acstll Jun 9, 2025
b634736
Revert "fix(theme-borealis): value for primary90 in light mode"
acstll Jun 11, 2025
cddc3dd
test(visual): update EuiDataGrid (after reverting ca2e5c3)
acstll Jun 11, 2025
3a3bf43
feat(data_grid): add stripes styles using tokens
acstll Jun 11, 2025
47d5fc1
test(cypress): data grid cell focus color
acstll Jun 12, 2025
e8c6717
chore: correct changelogs
acstll Jun 12, 2025
69d558b
fix(amsterdam): token color values in JSON
acstll Jun 12, 2025
55485c9
fix(amsterdam): undo changes to table row component tokens
acstll Jun 12, 2025
a81e48d
test(visual): update EuiDataGrid
acstll Jun 12, 2025
76f8882
fix(amsterdam): token color values in JSON, for real
acstll Jun 12, 2025
2332e54
docs: add tip admonition for data grid selected CSS class
acstll Jun 18, 2025
ea9e40f
chore: correct and better changelog messages
acstll Jun 18, 2025
f0cae73
nit: 1 CSS rule less
acstll Jun 18, 2025
94c55b0
fix(theme): remove redundant dataGridRowBackgroundStriped token
acstll Jun 18, 2025
0312e8a
style: lint, argh
acstll Jun 18, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions packages/eui-theme-borealis/changelogs/upcoming/8769.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
- Added semantic tokens:
- `colors.backgroundBaseInteractiveSelectHover`
- `colors.borderStrongText`
- Added component tokens:
- `components.dataGridRowBackground`
- `components.dataGridRowBackgroundSelectHover`
- `components.dataGridRowStripesBackground`
- `components.dataGridRowStripesBackgroundHover`
- `components.dataGridRowStripesBackgroundStriped`
- `components.dataGridRowStripesBackgroundStripedHover`
- `components.dataGridRowStripesBackgroundSelect`
- `components.dataGridRowStripesBackgroundSelectHover`
- Updated values for tokens:
- `components.tableRowBackgroundSelectedHover`
- `components.tableRowInteractiveBackgroundFocus`
Original file line number Diff line number Diff line change
Expand Up @@ -381,6 +381,7 @@
"euiColorBackgroundBaseFormsControlDisabled": "#2B394F",
"euiColorBackgroundBaseInteractiveHover": "rgba(255,255,255, 0.08)",
"euiColorBackgroundBaseInteractiveSelect": "#0D2F5E",
"euiColorBackgroundBaseInteractiveSelectHover": "#123778",
"euiColorBackgroundBaseInteractiveOverlay": "rgba(43,57,79, 0.7)",
"euiColorBackgroundBaseSkeletonEdge": "rgba(255,255,255, 0.16)",
"euiColorBackgroundBaseSkeletonMiddle": "rgba(255,255,255, 0.08)",
Expand Down Expand Up @@ -423,5 +424,6 @@
"euiColorBorderStrongSuccess": "#24C292",
"euiColorBorderStrongWarning": "#FACB3D",
"euiColorBorderStrongRisk": "#FC8544",
"euiColorBorderStrongDanger": "#F6726A"
"euiColorBorderStrongDanger": "#F6726A",
"euiColorBorderStrongText": "#8E9FBC"
}
Original file line number Diff line number Diff line change
Expand Up @@ -382,6 +382,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
euiColorBackgroundBaseFormsControlDisabled: string;
euiColorBackgroundBaseInteractiveHover: string;
euiColorBackgroundBaseInteractiveSelect: string;
euiColorBackgroundBaseInteractiveSelectHover: string;
euiColorBackgroundBaseInteractiveOverlay: string;
euiColorBackgroundBaseSkeletonEdge: string;
euiColorBackgroundBaseSkeletonMiddle: string;
Expand Down Expand Up @@ -425,6 +426,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
euiColorBorderStrongWarning: string;
euiColorBorderStrongRisk: string;
euiColorBorderStrongDanger: string;
euiColorBorderStrongText: string;
};
export default sassVariables;
}
Original file line number Diff line number Diff line change
Expand Up @@ -381,6 +381,7 @@
"euiColorBackgroundBaseFormsControlDisabled": "#CAD3E2",
"euiColorBackgroundBaseInteractiveHover": "rgba(23,80,186, 0.04)",
"euiColorBackgroundBaseInteractiveSelect": "#E8F1FF",
"euiColorBackgroundBaseInteractiveSelectHover": "#D9E8FF",
"euiColorBackgroundBaseInteractiveOverlay": "rgba(72,89,117, 0.7)",
"euiColorBackgroundBaseSkeletonEdge": "rgba(72,89,117, 0.16)",
"euiColorBackgroundBaseSkeletonMiddle": "rgba(72,89,117, 0.04)",
Expand Down Expand Up @@ -423,5 +424,6 @@
"euiColorBorderStrongSuccess": "#09724D",
"euiColorBorderStrongWarning": "#825803",
"euiColorBorderStrongRisk": "#9E3A16",
"euiColorBorderStrongDanger": "#A71627"
"euiColorBorderStrongDanger": "#A71627",
"euiColorBorderStrongText": "#5A6D8C"
}
Original file line number Diff line number Diff line change
Expand Up @@ -382,6 +382,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
euiColorBackgroundBaseFormsControlDisabled: string;
euiColorBackgroundBaseInteractiveHover: string;
euiColorBackgroundBaseInteractiveSelect: string;
euiColorBackgroundBaseInteractiveSelectHover: string;
euiColorBackgroundBaseInteractiveOverlay: string;
euiColorBackgroundBaseSkeletonEdge: string;
euiColorBackgroundBaseSkeletonMiddle: string;
Expand Down Expand Up @@ -425,6 +426,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
euiColorBorderStrongWarning: string;
euiColorBorderStrongRisk: string;
euiColorBorderStrongDanger: string;
euiColorBorderStrongText: string;
};
export default sassVariables;
}
46 changes: 39 additions & 7 deletions packages/eui-theme-borealis/src/variables/_components.ts
Original file line number Diff line number Diff line change
Expand Up @@ -117,9 +117,10 @@ const component_colors: _EuiThemeComponentColors = {
([borderBaseSubdued]) => borderBaseSubdued,
['colors.borderBaseSubdued']
),
dataGridRowBackgroundStriped: computed(
([backgroundBaseSubdued]) => backgroundBaseSubdued,
['colors.backgroundBaseSubdued']

dataGridRowBackground: computed(
([backgroundBasePlain]) => backgroundBasePlain,
['colors.backgroundBasePlain']
),
dataGridRowBackgroundHover: computed(
([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover,
Expand All @@ -129,6 +130,36 @@ const component_colors: _EuiThemeComponentColors = {
([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
['colors.backgroundBaseInteractiveSelect']
),
dataGridRowBackgroundSelectHover: computed(
([backgroundBaseInteractiveSelectHover]) =>
backgroundBaseInteractiveSelectHover,
['colors.backgroundBaseInteractiveSelectHover']
),

dataGridRowStripesBackground: computed(
([backgroundBasePlain]) => backgroundBasePlain,
['colors.backgroundBasePlain']
),
dataGridRowStripesBackgroundHover: computed(
([backgroundBasePlain]) => backgroundBasePlain,
['colors.backgroundBasePlain']
),
dataGridRowStripesBackgroundStriped: computed(
([backgroundBaseSubdued]) => backgroundBaseSubdued,
['colors.backgroundBaseSubdued']
),
dataGridRowStripesBackgroundStripedHover: computed(
([backgroundBaseSubdued]) => backgroundBaseSubdued,
['colors.backgroundBaseSubdued']
),
dataGridRowStripesBackgroundSelect: computed(
([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
['colors.backgroundBaseInteractiveSelect']
),
dataGridRowStripesBackgroundSelectHover: computed(
([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
['colors.backgroundBaseInteractiveSelect']
),

dragDropDraggingBackground: computed(
([backgroundBaseSuccess]) => backgroundBaseSuccess,
Expand Down Expand Up @@ -288,16 +319,17 @@ const component_colors: _EuiThemeComponentColors = {
['colors.backgroundBaseInteractiveSelect']
),
tableRowBackgroundSelectedHover: computed(
([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
['colors.backgroundBaseInteractiveSelect']
([backgroundBaseInteractiveSelectHover]) =>
backgroundBaseInteractiveSelectHover,
['colors.backgroundBaseInteractiveSelectHover']
),
tableRowInteractiveBackgroundHover: computed(
([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
['colors.backgroundBaseInteractiveSelect']
),
tableRowInteractiveBackgroundFocus: computed(
([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
['colors.backgroundBaseInteractiveSelect']
([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover,
['colors.backgroundBaseInteractiveHover']
),
tableCellSortableIconColor: computed(
([backgroundFilledText]) => backgroundFilledText,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,7 @@ $euiColorBackgroundBaseFormsControlDisabled: $euiColorShade120 !default;

$euiColorBackgroundBaseInteractiveHover: $euiColorPlainLightAlpha8 !default;
$euiColorBackgroundBaseInteractiveSelect: $euiColorPrimary130 !default;
$euiColorBackgroundBaseInteractiveSelectHover: $euiColorPrimary120 !default;
$euiColorBackgroundBaseInteractiveOverlay: $euiColorShade120Alpha70 !default;
$euiColorBackgroundBaseSkeletonEdge: $euiColorPlainLightAlpha16 !default;
$euiColorBackgroundBaseSkeletonMiddle: $euiColorPlainLightAlpha8 !default;
Expand Down Expand Up @@ -128,6 +129,7 @@ $euiColorBorderStrongSuccess: $euiColorSuccess60 !default;
$euiColorBorderStrongWarning: $euiColorWarning40 !default;
$euiColorBorderStrongRisk: $euiColorRisk50 !default;
$euiColorBorderStrongDanger: $euiColorDanger60 !default;
$euiColorBorderStrongText: $euiColorShade60 !default;

// Charts
$euiColorChartLines: $euiColorShade85 !default;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,7 @@ export const dark_background_colors: _EuiThemeBackgroundColors = {

backgroundBaseInteractiveHover: SEMANTIC_COLORS.plainLightAlpha8,
backgroundBaseInteractiveSelect: SEMANTIC_COLORS.primary130,
backgroundBaseInteractiveSelectHover: SEMANTIC_COLORS.primary120,
backgroundBaseInteractiveOverlay: SEMANTIC_COLORS.shade120Alpha70,

backgroundBaseSkeletonEdge: SEMANTIC_COLORS.plainLightAlpha16,
Expand Down Expand Up @@ -172,6 +173,7 @@ export const dark_border_colors: _EuiThemeBorderColors = {
borderStrongWarning: SEMANTIC_COLORS.warning40,
borderStrongRisk: SEMANTIC_COLORS.risk50,
borderStrongDanger: SEMANTIC_COLORS.danger60,
borderStrongText: SEMANTIC_COLORS.shade60,
};

export const dark_special_colors: _EuiThemeSpecialColors = {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@ $euiColorBackgroundBaseFormsControlDisabled: $euiColorShade30 !default;

$euiColorBackgroundBaseInteractiveHover: $euiColorPrimary100Alpha4 !default;
$euiColorBackgroundBaseInteractiveSelect: $euiColorPrimary10 !default;
$euiColorBackgroundBaseInteractiveSelectHover: $euiColorPrimary20 !default;
$euiColorBackgroundBaseInteractiveOverlay: $euiColorShade100Alpha70 !default;
$euiColorBackgroundBaseSkeletonEdge: $euiColorShade100Alpha16 !default;
$euiColorBackgroundBaseSkeletonMiddle: $euiColorShade100Alpha4 !default;
Expand Down Expand Up @@ -130,6 +131,7 @@ $euiColorBorderStrongSuccess: $euiColorSuccess100 !default;
$euiColorBorderStrongWarning: $euiColorWarning100 !default;
$euiColorBorderStrongRisk: $euiColorRisk100 !default;
$euiColorBorderStrongDanger: $euiColorDanger100 !default;
$euiColorBorderStrongText: $euiColorShade90 !default;

// Charts
$euiColorChartLines: $euiColorShade30 !default;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,7 @@ export const background_colors: _EuiThemeBackgroundColors = {

backgroundBaseInteractiveHover: SEMANTIC_COLORS.primary100Alpha4,
backgroundBaseInteractiveSelect: SEMANTIC_COLORS.primary10,
backgroundBaseInteractiveSelectHover: SEMANTIC_COLORS.primary20,
backgroundBaseInteractiveOverlay: SEMANTIC_COLORS.shade100Alpha70,

backgroundBaseSkeletonEdge: SEMANTIC_COLORS.shade100Alpha16,
Expand Down Expand Up @@ -171,6 +172,7 @@ export const border_colors: _EuiThemeBorderColors = {
borderStrongWarning: SEMANTIC_COLORS.warning100,
borderStrongRisk: SEMANTIC_COLORS.risk100,
borderStrongDanger: SEMANTIC_COLORS.danger100,
borderStrongText: SEMANTIC_COLORS.shade90,
};

export const special_colors: _EuiThemeSpecialColors = {
Expand Down
11 changes: 11 additions & 0 deletions packages/eui-theme-common/changelogs/upcoming/8769.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
- Added types for
- `colors.backgroundBaseInteractiveSelectHover`
- `colors.borderStrongText`
- `components.dataGridRowBackground`
- `components.dataGridRowBackgroundSelectHover`
- `components.dataGridRowStripesBackground`
- `components.dataGridRowStripesBackgroundHover`
- `components.dataGridRowStripesBackgroundStriped`
- `components.dataGridRowStripesBackgroundStripedHover`
- `components.dataGridRowStripesBackgroundSelect`
- `components.dataGridRowStripesBackgroundSelectHover`
Original file line number Diff line number Diff line change
Expand Up @@ -192,6 +192,7 @@ export type _EuiThemeBackgroundColors = {
backgroundBaseFormsControlDisabled: ColorModeSwitch;
backgroundBaseInteractiveHover: ColorModeSwitch;
backgroundBaseInteractiveSelect: ColorModeSwitch;
backgroundBaseInteractiveSelectHover: ColorModeSwitch;
backgroundBaseInteractiveOverlay: ColorModeSwitch;
backgroundBaseSkeletonEdge: ColorModeSwitch;
backgroundBaseSkeletonMiddle: ColorModeSwitch;
Expand Down Expand Up @@ -275,6 +276,7 @@ export type _EuiThemeBorderColors = {
borderStrongWarning: ColorModeSwitch;
borderStrongRisk: ColorModeSwitch;
borderStrongDanger: ColorModeSwitch;
borderStrongText: ColorModeSwitch;
};

export type _EuiThemeVisColors = {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -59,9 +59,16 @@ export type _EuiThemeComponentColors = {

dataGridBorderColor: ColorModeSwitch;
dataGridVerticalLineBorderColor: ColorModeSwitch;
dataGridRowBackgroundStriped: ColorModeSwitch;
dataGridRowBackground: ColorModeSwitch;
dataGridRowBackgroundHover: ColorModeSwitch;
dataGridRowBackgroundSelect: ColorModeSwitch;
dataGridRowBackgroundSelectHover: ColorModeSwitch;
dataGridRowStripesBackground: ColorModeSwitch;
dataGridRowStripesBackgroundHover: ColorModeSwitch;
dataGridRowStripesBackgroundStriped: ColorModeSwitch;
dataGridRowStripesBackgroundStripedHover: ColorModeSwitch;
dataGridRowStripesBackgroundSelect: ColorModeSwitch;
dataGridRowStripesBackgroundSelectHover: ColorModeSwitch;

dragDropDraggingBackground: ColorModeSwitch;
dragDropDraggingOverBackground: ColorModeSwitch;
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions packages/eui/changelogs/upcoming/8769.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
- Updated and aligned background hover styles for `EuiTable` and `EuiDataGrid`
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,8 @@ import React from 'react';
import { EuiDataGrid } from '../../data_grid';

const EXPECTED_HOVER_COLOR = 'rgb(90, 109, 140)';
const EXPECTED_FOCUS_COLOR = 'rgb(11, 100, 221)';
// TODO should change back to primary90 (rgb(11, 100, 221)) as per design spec
const EXPECTED_FOCUS_COLOR = 'rgb(23, 80, 186)'; // primary100
const ANIMATION = {
DELAY: 350,
DURATION: 150,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ import {
} from '../../../../global_styling';

export const euiDataGridCellOutlineStyles = ({ euiTheme }: UseEuiTheme) => {
const focusColor = euiTheme.colors.primary;
const hoverColor = euiTheme.colors.darkShade;
const focusColor = euiTheme.colors.borderStrongPrimary;
const hoverColor = euiTheme.colors.borderStrongText;
const outlineWidth = euiTheme.border.width.thick;
const borderRadius = mathWithUnits(
euiTheme.border.radius.medium,
Expand Down
72 changes: 68 additions & 4 deletions packages/eui/src/components/datagrid/data_grid.styles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -72,15 +72,79 @@ export const euiDataGridStyles = (euiThemeContext: UseEuiTheme) => {
* :where to reduce specificity / allow easier overrides via rowClasses */

*:where(& .euiDataGridRow) {
background-color: ${euiTheme.colors.emptyShade};
background-color: ${euiTheme.components.dataGridRowBackground};
}

*:where(&.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover) {
background-color: ${euiTheme.components.dataGridRowBackgroundHover};
}

/* The euiDataGridRow--selected class is not used internally,
* it's there for convenience, to be used by consumers */

*:where(& .euiDataGridRow--selected) {
background-color: ${euiTheme.components.dataGridRowBackgroundSelect};
}

*:where(
&.euiDataGrid--rowHoverHighlight .euiDataGridRow--selected:hover
) {
background-color: ${euiTheme.components
.dataGridRowBackgroundSelectHover};
}

/* Stripes */

*:where(&.euiDataGrid--stripes .euiDataGridRow) {
background-color: ${euiTheme.components.dataGridRowStripesBackground};
}

*:where(&.euiDataGrid--stripes .euiDataGridRow--striped) {
background-color: ${euiTheme.components.dataGridRowBackgroundStriped};
background-color: ${euiTheme.components
.dataGridRowStripesBackgroundStriped};
}

*:where(&.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover) {
background-color: ${euiTheme.components.dataGridRowBackgroundHover};
*:where(
&.euiDataGrid--stripes.euiDataGrid--rowHoverHighlight
.euiDataGridRow:hover
) {
background-color: ${euiTheme.components
.dataGridRowStripesBackgroundHover};
}

*:where(
&.euiDataGrid--stripes.euiDataGrid--rowHoverHighlight
.euiDataGridRow--striped:hover
) {
background-color: ${euiTheme.components
.dataGridRowStripesBackgroundStripedHover};
}

*:where(&.euiDataGrid--stripes .euiDataGridRow--selected) {
background-color: ${euiTheme.components
.dataGridRowStripesBackgroundSelect};
}

*:where(
&.euiDataGrid--stripes.euiDataGrid--rowHoverHighlight
.euiDataGridRow--selected:hover
) {
background-color: ${euiTheme.components
.dataGridRowStripesBackgroundSelectHover};
}

/* Hover colors are semitransparent and .euiDataGrid__content has
* no background color anymore (see https://github.com/elastic/eui/pull/8220),
* so we add this "safety" background to the row to ensure
* hover colors display as expected */

*:where(&.euiDataGrid--rowHoverHighlight .euiDataGridRow)::before {
content: '';
position: absolute;
z-index: -1;
pointer-events: none;
inset: 0;
background-color: ${euiTheme.components.dataGridRowBackground};
}
`,
cellPadding: {
Expand Down
2 changes: 1 addition & 1 deletion packages/eui/src/components/table/table_row.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -82,9 +82,9 @@ export const EuiTableRow: FunctionComponent<Props> = ({
: [
styles.euiTableRow,
styles.desktop.desktop,
onClick && styles.desktop.clickable,
isSelected && styles.desktop.selected,
isExpandedRow && styles.desktop.expanded,
onClick && styles.desktop.clickable,
isExpandedRow && hasSelection && styles.desktop.checkboxOffset,
];

Expand Down
2 changes: 2 additions & 0 deletions packages/eui/src/themes/amsterdam/_colors_dark.scss
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@ $euiColorBackgroundBaseFormsControlDisabled: $euiColorLightShade !default;

$euiColorBackgroundBaseInteractiveHover: transparentize($euiColorLightShade, 0.2) !default;
$euiColorBackgroundBaseInteractiveSelect: shade($euiColorPrimary, 0.7) !default;
$euiColorBackgroundBaseInteractiveSelectHover: shade($euiColorPrimary, 0.6) !default;
$euiColorBackgroundBaseInteractiveOverlay: transparentize($euiColorInk, 0.5) !default;
$euiColorBackgroundBaseSkeletonEdge: shade($euiColorLightShade, 0.12) !default;
$euiColorBackgroundBaseSkeletonMiddle: shade($euiColorLightShade, 0.24) !default;
Expand Down Expand Up @@ -128,6 +129,7 @@ $euiColorBorderStrongSuccess: $euiColorSuccess !default;
$euiColorBorderStrongWarning: $euiColorWarning !default;
$euiColorBorderStrongRisk: tint($euiColorSeverityRisk, 0.2) !default;
$euiColorBorderStrongDanger: $euiColorDanger !default;
$euiColorBorderStrongText: $euiColorDarkShade !default;

// Charts
$euiColorChartLines: $euiColorLightShade !default;
Expand Down
Loading