Skip to content

Commit

Permalink
Changed the color scheme of the alerts to increase contrast
Browse files Browse the repository at this point in the history
This is based on contrast ratio, staying close to the recommendations for visual-audio contrast recommendations from W3C (minimum 4.5:1 for small text, 7:1 for small text and users with a lower visual acuity).
Red alerts stayed the same bright red for now, as the emphasis is for the alert to be immedialty recognized as important, but changed the text color from white to black for better contrast.
  • Loading branch information
DerGeras committed Oct 20, 2023
1 parent e415d2b commit e6d8318
Showing 1 changed file with 3 additions and 6 deletions.
9 changes: 3 additions & 6 deletions pkg/web/static/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -95,15 +95,13 @@ th {
}

.status.green, .status.green summary, .status.green details {
background-color: #269926;
color: white;
opacity: 0.75;
background-color: #26AC1C;
color: black;
}

.status.red, .status.red summary, .status.red details {
background-color: #FF4040;
color: whitesmoke;
opacity: 0.95
color: black;
}

.status.yellow, .status.yellow summary, .status.yellow details {
Expand All @@ -114,7 +112,6 @@ th {
.status.grey, .status.grey summary, .status.grey details {
background-color: #444444;
color: whitesmoke;
opacity: 0.95
}

summary {
Expand Down

0 comments on commit e6d8318

Please sign in to comment.