mirror of
https://github.com/goharbor/harbor.git
synced 2025-02-16 20:01:35 +01:00
fix: Accessibility - change color for WCAG AA (#19472)
* fix: Accessibility - change color for WCAG AA Signed-off-by: julieng <julien.gattelier@gmail.com> * fix: #ffffff to #fff to comply with stylelint Signed-off-by: julieng <julien.gattelier@gmail.com> * Factoring in #19249 Signed-off-by: julieng <julien.gattelier@gmail.com> --------- Signed-off-by: julieng <julien.gattelier@gmail.com>
This commit is contained in:
parent
adb066cf50
commit
d3907f6eee
@ -3,29 +3,28 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.label-critical {
|
.label-critical {
|
||||||
background:red;
|
background:#ff4d2e;
|
||||||
color:#621501;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.label-danger {
|
.label-danger {
|
||||||
background:#e64524!important;
|
background:#ff8f3d!important;
|
||||||
color:#621501!important;
|
color:#000!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-medium {
|
.label-medium {
|
||||||
background-color: orange;
|
background-color: #ffce66;
|
||||||
color:#621501;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-low {
|
.label-low {
|
||||||
background: #007CBB;
|
background: #fff1ad;
|
||||||
color:#cab6b1;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-none {
|
.label-none {
|
||||||
background-color: grey;
|
background-color: #2ec0ff;
|
||||||
color:#bad7ba;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-border {
|
.no-border {
|
||||||
|
@ -64,31 +64,29 @@ $row-height: 48px;
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.label-critical {
|
.label-critical {
|
||||||
background:red;
|
background:#ff4d2e;
|
||||||
color:#621501;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.label-danger {
|
.label-danger {
|
||||||
background:#e64524!important;
|
background:#ff8f3d!important;
|
||||||
color:#621501!important;
|
color:#000!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-medium {
|
.label-medium {
|
||||||
background-color: orange;
|
background-color: #ffce66;
|
||||||
color:#621501;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-low {
|
.label-low {
|
||||||
background: #007CBB;
|
background: #fff1ad;
|
||||||
color:#cab6b1;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-none {
|
.label-none {
|
||||||
background-color: grey;
|
background-color: #2ec0ff;
|
||||||
color:#bad7ba;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-border {
|
.no-border {
|
||||||
|
@ -19,29 +19,28 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.label-critical {
|
.label-critical {
|
||||||
background:red;
|
background:#ff4d2e;
|
||||||
color:#621501;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.label-danger {
|
.label-danger {
|
||||||
background:#e64524!important;
|
background:#ff8f3d!important;
|
||||||
color:#621501!important;
|
color:#000!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-medium {
|
.label-medium {
|
||||||
background-color: orange;
|
background-color: #ffce66;
|
||||||
color:#621501;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-low {
|
.label-low {
|
||||||
background: #007CBB;
|
background: #fff1ad;
|
||||||
color:#cab6b1;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-none {
|
.label-none {
|
||||||
background-color: grey;
|
background-color: #2ec0ff;
|
||||||
color:#bad7ba;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-border {
|
.no-border {
|
||||||
|
@ -54,23 +54,23 @@ $twenty-two-pixel: 18px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.bar-block-critical {
|
.bar-block-critical {
|
||||||
background-color: red;
|
background-color: #ff4d2e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-block-high {
|
.bar-block-high {
|
||||||
background-color: #e64524;
|
background-color: #ff8f3d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-block-medium {
|
.bar-block-medium {
|
||||||
background-color: orange;
|
background-color: #ffce66;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-block-low {
|
.bar-block-low {
|
||||||
background-color: #007CBB;
|
background-color: #fff1ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-block-none {
|
.bar-block-none {
|
||||||
background-color: green;
|
background-color: #2ec0ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar-block-unknown {
|
.bar-block-unknown {
|
||||||
|
@ -157,29 +157,28 @@ hr{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.label-critical {
|
.label-critical {
|
||||||
background:red;
|
background:#ff4d2e;
|
||||||
color:#621501;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.label-danger {
|
.label-danger {
|
||||||
background:#e64524!important;
|
background:#ff8f3d!important;
|
||||||
color:#621501!important;
|
color:#000!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-medium {
|
.label-medium {
|
||||||
background-color: orange;
|
background-color: #ffce66;
|
||||||
color:#621501;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-low {
|
.label-low {
|
||||||
background: #007CBB;
|
background: #fff1ad;
|
||||||
color:#cab6b1;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-none {
|
.label-none {
|
||||||
background-color: grey;
|
background-color: #2ec0ff;
|
||||||
color:#bad7ba;
|
color:#000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-border {
|
.no-border {
|
||||||
|
Loading…
Reference in New Issue
Block a user