From e6d8318e302a1caae17f05cec8aaa0ccca7445e4 Mon Sep 17 00:00:00 2001 From: Oliver Schmitt Date: Fri, 20 Oct 2023 15:19:39 +0200 Subject: [PATCH] Changed the color scheme of the alerts to increase contrast 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. --- pkg/web/static/css/main.css | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/pkg/web/static/css/main.css b/pkg/web/static/css/main.css index 1387c3c..d888bbc 100644 --- a/pkg/web/static/css/main.css +++ b/pkg/web/static/css/main.css @@ -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 { @@ -114,7 +112,6 @@ th { .status.grey, .status.grey summary, .status.grey details { background-color: #444444; color: whitesmoke; - opacity: 0.95 } summary {