[Security Solution][THI] - remove usages of EUI tint, shade and trans…

…parentize functions
elastic · Dec 27, 2024 · 75d0e50 · 75d0e50
1 parent c382c20
commit 75d0e50
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/packages/kbn-unified-data-table/src/components/compare_documents/hooks/use_comparison_css.ts b/packages/kbn-unified-data-table/src/components/compare_documents/hooks/use_comparison_css.ts
@@ -7,7 +7,7 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
-import { tint, useEuiBackgroundColor, useEuiTheme } from '@elastic/eui';
+import { useEuiBackgroundColor, useEuiTheme } from '@elastic/eui';
 import { css } from '@emotion/react';
 import { CELL_CLASS } from '../../../utils/get_render_cell_value';
 import { DocumentDiffMode } from '../types';
@@ -120,7 +120,7 @@ export const useComparisonCss = ({
         .${REMOVED_SEGMENT_CLASS}:before {
           content: '-';
           ${indicatorCss}
-          background-color: ${tint(euiTheme.colors.danger, 0.25)};
+          background-color: ${euiTheme.colors.backgroundFilledDanger};
           color: ${euiTheme.colors.lightestShade};
         }
       `}

diff --git a/packages/kbn-unified-data-table/src/components/data_table.scss b/packages/kbn-unified-data-table/src/components/data_table.scss
@@ -79,7 +79,7 @@
   }
 
   .euiDataGrid--rowHoverHighlight .euiDataGridRow:hover {
-    background-color: tintOrShade($euiColorLightShade, 50%, 0);
+    background-color: $euiColorLightestShade;
   }
 
   .euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight {

diff --git a/x-pack/solutions/security/packages/expandable-flyout/src/components/preview_section.tsx b/x-pack/solutions/security/packages/expandable-flyout/src/components/preview_section.tsx
@@ -13,7 +13,6 @@ import {
   EuiText,
   useEuiTheme,
   EuiSplitPanel,
-  transparentize,
 } from '@elastic/eui';
 import React, { memo, useMemo } from 'react';
 import { css } from '@emotion/react';
@@ -137,7 +136,7 @@ export const PreviewSection: React.FC<PreviewSectionProps> = memo(
         <EuiSplitPanel.Outer
           css={css`
             margin: ${euiTheme.size.xs};
-            box-shadow: 0 0 16px 0 ${transparentize(euiTheme.colors.mediumShade, 0.5)};
+            box-shadow: 0 0 ${euiTheme.size.base} 0 ${euiTheme.colors.lightShade};
           `}
           data-test-subj={PREVIEW_SECTION_TEST_ID}
           className="eui-fullHeight"