LP#1942240 Insufficient color contrast in boostrap forms
authorGarry Collum <gcollum@gmail.com>
Thu, 23 Sep 2021 18:31:24 +0000 (14:31 -0400)
committerJane Sandberg <js7389@princeton.edu>
Thu, 7 Apr 2022 20:12:17 +0000 (13:12 -0700)
Overrides the bootstrap form-control border color. Also changes the
border_standard color in colors.tt2 which is used for the border
around some form elements.

After this patch is applied the color ratio is 3.54:1

Signed-off-by: Garry Collum <gcollum@gmail.com>
Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Signed-off-by: Jane Sandberg <js7389@princeton.edu>

Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2
Open-ILS/src/templates-bootstrap/opac/parts/css/colors.tt2

index 49a989d..06c67ec 100755 (executable)
@@ -4045,3 +4045,7 @@ padding: 15px;
 #course_material_table td, #course_material_table th {
     padding: 4px;
 }
+
+.form-control {
+    border: 1px solid [% css_colors.border_standard %];
+}
index 6367281..e69f13b 100755 (executable)
@@ -48,7 +48,7 @@
         accent_mediumdark = "#888", # gun metal grey (medium dark)
         accent_dark = "#666", # gun metal grey (dark)
         accent_darker = "#333", # gun metal grey (darker)
-        border_standard = "#e9ebf3", # light grey-blue
+        border_standard = "#888", # gun metal grey (medium dark)
         border_dark = "black", # black
         border_alert = "red", # red
         button_text = "#fbf9f9", # off-white