LP#1960526: adjust link color on Angular and AngularJS staff interfaces

Change the default link blue on the Angular and AngularJS interfaces
to #255a88. This achieves two things:

- Improves the color contrast on the AngularJS side against a white
  background from AA for normal text to AAA.
- Improves the Angular side so that it meets AAA color contrast for
  normal and large text, instead of meeting only AA for large text.

Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
Signed-off-by: Garry Collum <gcollum@gmail.com>
Signed-off-by: Ruth Frasur <rfrasur@library.in.gov>
Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Jane Sandberg <js7389@princeton.edu>

diff --git a/Open-ILS/src/eg2/src/styles.css b/Open-ILS/src/eg2/src/styles.css
index 4ca5538..216ba84 100644 (file)
--- a/Open-ILS/src/eg2/src/styles.css
+++ b/Open-ILS/src/eg2/src/styles.css
@@ -28,6 +28,12 @@ h5 {font-size: .95rem}
 
 .small-text-1 {font-size: 85%}
 
+/** Use a default link color that achieves WCAG AAA
+ *  color contrast against a white background
+ */
+a {
+  color: #255a88;
+}
 
 /** Ang5 routes on clicks to href's with no values, so we can't have
  * bare href's to force anchor styling.  Use this for anchors w/ no href.

diff --git a/Open-ILS/src/templates/staff/css/style.css.tt2 b/Open-ILS/src/templates/staff/css/style.css.tt2
index a564cce..72bac37 100644 (file)
--- a/Open-ILS/src/templates/staff/css/style.css.tt2
+++ b/Open-ILS/src/templates/staff/css/style.css.tt2
@@ -102,7 +102,7 @@ body {
 /* change default link color to provide adequate contrast */
 
 a {
-   color: #286090;
+   color: #255a88;
 }