LP#1823367 Tone down org unit row coloring

Some of the text was a little hard to see, and the overall effect of
the many colors, while attractive, was also a little distracting. In
addition, the lighter blue colors were not obviously different from
our standard selected-row-highlight blue.

This commit tries a different direction, using some mild green shades
based on the standard Evergreen green color base.  They are easy to
read and still accomplish the overall goal of bringing out the org
units (a little) and the call numbers (a little more).

Signed-off-by: Dan Wells <dbw2@calvin.edu>
Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu>

diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css b/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css
index 61b04cd..a5dbf13 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css
+++ b/Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.css
@@ -6,36 +6,24 @@ the CSS we have defined for different row types
 See https://v2.angular.io/docs/ts/latest/guide/component-styles.html
 */
 
-/* grid row colors are bootstrap class="bg-info" with opacity */
-
 /*
 :host /deep/ .holdings-copy-row {
 }
 */
 
-:host /deep/ .holdings-volume-row {
-    color: #004085;
-    background-color: rgb(23,162,184,0.2);
-}
-
-:host /deep/ .holdings-org-row-0 {
-    color: #004085;
-    background-color: rgb(23,162,184);
-}
+/* colors are based on "Evergreen Green", tinted and desaturated */
 
-:host /deep/ .holdings-org-row-1 {
-    color: #004085;
-    background-color: rgb(23,162,184,0.8);
-}
-
-:host /deep/ .holdings-org-row-2 {
-    color: #004085;
-    background-color: rgb(23,162,184,0.6);
+:host /deep/ .holdings-volume-row {
+    background-color: #c9efe4;
 }
 
-:host /deep/ .holdings-org-row-3 {
-    color: #004085;
-    background-color: rgb(23,162,184,0.4);
+:host /deep/ .holdings-org-row {
+    color: rgba(0, 0, 0, .8);
+    background-color: #e1efeb;
 }
 
-/* Add additional classes for more deeply nested org unit hierarchies */
\ No newline at end of file
+/* Add additional classes for more deeply nested org unit hierarchies */
+/* e.g.
+:host /deep/ .holdings-org-row-0 {}
+:host /deep/ .holdings-org-row-1 {}
+*/