fix: Accessibility - change color for WCAG AA

Signed-off-by: julieng <julien.gattelier@gmail.com>
goharbor · Oct 25, 2023 · b20a079 · b20a079
1 parent adb066c
commit b20a079
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 42 deletions.
diff --git a/...e/left-side-nav/interrogation-services/vulnerability-database/security-hub.component.scss b/...e/left-side-nav/interrogation-services/vulnerability-database/security-hub.component.scss
@@ -3,14 +3,13 @@
 }
 
 .label-critical {
-  background:red;
-  color:#621501;
+  background:#a8242f;
+  color:#ffffff;
 }
 
-
 .label-danger {
-  background:#e64524!important;
-  color:#621501!important;
+  background:#d83818!important;
+  color:#ffffff!important;
 }
 
 .label-medium {
@@ -19,13 +18,13 @@
 }
 
 .label-low {
-  background: #007CBB;
-  color:#cab6b1;
+  background: #005c8a;
+  color:#ffffff;
 }
 
 .label-none {
-  background-color: grey;
-  color:#bad7ba;
+  background-color: #737373;
+  color:#ffffff;
 }
 
 .no-border {

diff --git a/...ervices/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss b/...ervices/vulnerability-database/vulnerability-summary/vulnerability-summary.component.scss
@@ -64,16 +64,14 @@ $row-height: 48px;
   align-items: center;
 }
 
-
 .label-critical {
-  background:red;
-  color:#621501;
+  background:#a8242f;
+  color:#ffffff;
 }
 
-
 .label-danger {
-  background:#e64524!important;
-  color:#621501!important;
+  background:#d83818!important;
+  color:#ffffff!important;
 }
 
 .label-medium {
@@ -82,13 +80,13 @@ $row-height: 48px;
 }
 
 .label-low {
-  background: #007CBB;
-  color:#cab6b1;
+  background: #005c8a;
+  color:#ffffff;
 }
 
 .label-none {
-  background-color: grey;
-  color:#bad7ba;
+  background-color: #737373;
+  color:#ffffff;
 }
 
 .no-border {

diff --git a/...ifact/artifact-additions/artifact-vulnerabilities/artifact-vulnerabilities.component.scss b/...ifact/artifact-additions/artifact-vulnerabilities/artifact-vulnerabilities.component.scss
@@ -19,14 +19,13 @@
 }
 
 .label-critical {
-  background:red;
-  color:#621501;
+  background:#a8242f;
+  color:#ffffff;
 }
 
-
 .label-danger {
-  background:#e64524!important;
-  color:#621501!important;
+  background:#d83818!important;
+  color:#ffffff!important;
 }
 
 .label-medium {
@@ -35,13 +34,13 @@
 }
 
 .label-low {
-  background: #007CBB;
-  color:#cab6b1;
+  background: #005c8a;
+  color:#ffffff;
 }
 
 .label-none {
-  background-color: grey;
-  color:#bad7ba;
+  background-color: #737373;
+  color:#ffffff;
 }
 
 .no-border {

diff --git a/.../artifact/vulnerability-scanning/result-tip-histogram/result-tip-histogram.component.scss b/.../artifact/vulnerability-scanning/result-tip-histogram/result-tip-histogram.component.scss
@@ -54,19 +54,19 @@ $twenty-two-pixel: 18px;
 }
 
 .bar-block-critical {
-    background-color: red;
+    background-color: #a8242f;
 }
 
 .bar-block-high {
-    background-color: #e64524;
+    background-color: #d83818;
 }
 
 .bar-block-medium {
     background-color: orange;
 }
 
 .bar-block-low {
-    background-color: #007CBB;
+    background-color: #005c8a;
 }
 
 .bar-block-none {

diff --git a/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/scanning.scss b/src/portal/src/app/base/project/repository/artifact/vulnerability-scanning/scanning.scss
@@ -157,29 +157,28 @@ hr{
 }
 
 .label-critical {
-    background:red;
-    color:#621501;
+  background:#a8242f;
+  color:#ffffff;
 }
 
-
 .label-danger {
-    background:#e64524!important;
-    color:#621501!important;
+  background:#d83818!important;
+  color:#ffffff!important;
 }
 
 .label-medium {
-    background-color: orange;
-    color:#621501;
+  background-color: orange;
+  color:#621501;
 }
 
 .label-low {
-    background: #007CBB;
-    color:#cab6b1;
+  background: #005c8a;
+  color:#ffffff;
 }
 
 .label-none {
-    background-color: grey;
-    color:#bad7ba;
+  background-color: #737373;
+  color:#ffffff;
 }
 
 .no-border {