From ce2a41843ce6b6c6082340b89b651095fad80a8a Mon Sep 17 00:00:00 2001 From: Henry Bolshaw Date: Mon, 20 Sep 2021 21:50:28 +0000 Subject: [PATCH] Bug 29036: Accessibility OPAC buttons don't have sufficient contrast This patch changed the base colour of OPAC buttons to increase the contrast ratio, improving accessibility and making the button text easier to read. To test: 1. Use an accessibility tool (e.g. Chrome's Lighthouse tool) to check the contrast ratio on the OPAC 2. Confirm that the OPAC buttons don't have sufficient colour contrast 3. Apply the patch and rebuild css: yarn build --view opac 4. Use the accessibility tool to confirm the button contrast ratio now meets minimum accessibility requirements 5. Check that the OPAC still looks ok after the changes Signed-off-by: Owen Leonard Signed-off-by: jeremy breuillard Signed-off-by: Katrin Fischer --- koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss index 96ec3fd384..af031c0138 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss @@ -206,7 +206,7 @@ h1 { } .btn-primary { - $base-bg: #77b50f; + $base-bg: #548300; background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg); background-color: $base-bg; background-position: 0; -- 2.11.0