change theme colors to use from themeProvider instead of useEuiTheme …

…hook
elastic · Dec 12, 2024 · 928d775 · 928d775
1 parent 6c29ece
commit 928d775
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/...ck/plugins/security_solution/public/entity_analytics/components/severity/common/index.tsx b/...ck/plugins/security_solution/public/entity_analytics/components/severity/common/index.tsx
@@ -21,19 +21,19 @@ const RiskBadge = styled.div<{
 }>`
   ${({ theme, $severity, $hideBackgroundColor }) => css`
     width: fit-content;
-    padding-right: ${theme.size.xs};
-    padding-left: ${theme.size.xs};
+    padding-right: ${theme.eui.euiSizeXS};
+    padding-left: ${theme.eui.euiSizeXS};
 
     ${($severity === 'Critical' || $severity === 'High') &&
     !$hideBackgroundColor &&
     css`
-      background-color: ${theme.colors.backgroundLightDanger};
+      background-color: ${theme.eui.euiColorDanger};
       border-radius: 999px; // pill shaped
     `};
   `}
 `;
 const TooltipContainer = styled.div`
-  padding: ${({ theme }) => theme.size.s};
+  padding: ${({ theme }) => theme.euiSizeS};
 `;
 
 export const RiskScoreLevel: React.FC<{