diff options
| author | Guillaume Peoc'h <guillaume.peoch@sonarsource.com> | 2022-09-01 14:16:23 +0200 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2022-09-02 20:02:49 +0000 |
| commit | 5bd9c38d988e7e097feee06396f06d2ec914cd0c (patch) | |
| tree | a49c4d7f0482f1fa6dc873c1c00f9c8f3c7b3f90 | |
| parent | 4dc16a2b763ed795bc2a97bdda53f34ed6f021bf (diff) | |
| download | sonarqube-5bd9c38d988e7e097feee06396f06d2ec914cd0c.tar.gz sonarqube-5bd9c38d988e7e097feee06396f06d2ec914cd0c.zip | |
SONAR-16867 [893240] Text content lacks 4.5:1 contrast ratio
| -rw-r--r-- | server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css | 17 |
1 files 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 { |