From d127e46d983e77bb2e4d0abfa300fb2a8c7d58f3 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 --- 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 1d0c0a9419..a1b2205497 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss @@ -204,7 +204,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.20.1