diff --git a/src/platform/packages/shared/response-ops/alerts-table/components/alerts_data_grid.tsx b/src/platform/packages/shared/response-ops/alerts-table/components/alerts_data_grid.tsx index d0668c680da0a..4d985fd9b7e7b 100644 --- a/src/platform/packages/shared/response-ops/alerts-table/components/alerts_data_grid.tsx +++ b/src/platform/packages/shared/response-ops/alerts-table/components/alerts_data_grid.tsx @@ -18,7 +18,6 @@ import { useEuiTheme, } from '@elastic/eui'; import { css } from '@emotion/react'; -import { euiThemeVars } from '@kbn/ui-theme'; import { ActionsCellHost } from './actions_cell_host'; import { ControlColumnHeaderCell } from './control_column_header_cell'; import { CellValueHost } from './cell_value_host'; @@ -101,7 +100,7 @@ export const AlertsDataGrid = typedMemo( services: { http, notifications, application, cases: casesService, settings }, } = renderContext; - const { colorMode } = useEuiTheme(); + const { colorMode, euiTheme } = useEuiTheme(); const { sortingColumns, onSort } = useSorting(onSortChange, visibleColumns, sortingFields); const { isBulkActionsColumnActive, @@ -321,16 +320,16 @@ export const AlertsDataGrid = typedMemo( const rowStyles = useMemo( () => css` .alertsTableHighlightedRow { - background-color: ${euiThemeVars.euiColorHighlight}; + background-color: ${euiTheme.components.dataGridRowBackgroundMarked}; } .alertsTableActiveRow { background-color: ${colorMode === 'LIGHT' - ? tint(euiThemeVars.euiColorLightShade, 0.5) - : euiThemeVars.euiColorLightShade}; + ? tint(euiTheme.colors.lightShade, 0.5) + : euiTheme.colors.lightShade}; } `, - [colorMode] + [colorMode, euiTheme] ); return ( diff --git a/src/platform/packages/shared/response-ops/alerts-table/tsconfig.json b/src/platform/packages/shared/response-ops/alerts-table/tsconfig.json index 77c3f4bb50423..3626ec2a653f5 100644 --- a/src/platform/packages/shared/response-ops/alerts-table/tsconfig.json +++ b/src/platform/packages/shared/response-ops/alerts-table/tsconfig.json @@ -34,7 +34,6 @@ "@kbn/core-notifications-browser", "@kbn/i18n-react", "@kbn/test-jest-helpers", - "@kbn/ui-theme", "@kbn/react-kibana-context-theme", "@kbn/core-http-browser-mocks", "@kbn/core-application-browser-mocks",