From 5bd9c38d988e7e097feee06396f06d2ec914cd0c Mon Sep 17 00:00:00 2001 From: Guillaume Peoc'h Date: Thu, 1 Sep 2022 14:16:23 +0200 Subject: SONAR-16867 [893240] Text content lacks 4.5:1 contrast ratio --- .../apps/security-hotspots/components/HotspotList.css | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 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 adaf91af73b..41498aaf1a5 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 @@ -48,15 +48,15 @@ } .hotspot-category.HIGH .hotspot-category-header { - border-left-color: var(--red); + border-left-color: var(--error500); } .hotspot-category.MEDIUM .hotspot-category-header { - border-left-color: var(--orange); + border-left-color: var(--warningAccent); } .hotspot-category.LOW .hotspot-category-header { - border-left-color: var(--yellow); + border-left-color: var(--warningVariant); } .hotspot-item { @@ -88,7 +88,6 @@ button.hotspot-item:focus { } .hotspot-risk-badge { - color: white; text-transform: uppercase; display: inline-block; text-align: center; @@ -96,16 +95,20 @@ button.hotspot-item:focus { padding: 0 var(--gridSize); font-weight: bold; border-radius: 2px; + border: 1px solid var(--black38); } .hotspot-risk-badge.HIGH { - background-color: var(--red); + color: var(--white); + background-color: var(--error500); } .hotspot-risk-badge.MEDIUM { - background-color: var(--orange); + color: var(--black87); + background-color: var(--warningAccent); } .hotspot-risk-badge.LOW { - background-color: var(--yellow); + color: var(--black87); + background-color: var(--warningVariant); } .hotspot-box-filename { -- cgit v1.2.3