From 8d0f159bb4994704c4395c99762d794441eece8f Mon Sep 17 00:00:00 2001
From: David Cho-Lerat
 <117642976+david-cho-lerat-sonarsource@users.noreply.github.com>
Date: Thu, 17 Nov 2022 10:37:23 +0100
Subject: [PATCH] SONAR-17480 Update Review Priority Badges (#7053)

---
 .../security-hotspots/components/HotspotList.css     | 12 +++++-------
 .../components/HotspotPrimaryLocationBox.css         |  6 +++---
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
index cb8c2c85cc6..3ac44e26a5e 100644
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
@@ -49,7 +49,7 @@
 }
 
 .hotspot-category.HIGH .hotspot-category-header {
-  border-left-color: var(--error500);
+  border-left-color: var(--error400);
 }
 
 .hotspot-category.MEDIUM .hotspot-category-header {
@@ -95,16 +95,14 @@
   text-transform: uppercase;
   display: inline-block;
   text-align: center;
-  min-width: 48px;
-  padding: 0 var(--gridSize);
+  padding: 0 calc(var(--gridSize) / 2);
   font-weight: bold;
-  border-radius: 2px;
-  border: 1px solid var(--blacka38);
+  border-radius: 3px;
 }
 
 .hotspot-risk-badge.HIGH {
-  color: var(--white);
-  background-color: var(--error500);
+  color: var(--blacka87);
+  background-color: var(--error400);
 }
 .hotspot-risk-badge.MEDIUM {
   color: var(--blacka87);
diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotPrimaryLocationBox.css b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotPrimaryLocationBox.css
index f76627197fc..7dfb4691ffc 100644
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotPrimaryLocationBox.css
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotPrimaryLocationBox.css
@@ -26,13 +26,13 @@
 }
 
 .hotspot-primary-location.hotspot-risk-exposure-HIGH {
-  border-left-color: var(--red);
+  border-left-color: var(--error400);
 }
 
 .hotspot-primary-location.hotspot-risk-exposure-MEDIUM {
-  border-left-color: var(--orange);
+  border-left-color: var(--warningAccent);
 }
 
 .hotspot-primary-location.hotspot-risk-exposure-LOW {
-  border-left-color: var(--yellow);
+  border-left-color: var(--warningVariant);
 }
-- 
2.39.5