From 199ea3d6f967711b05010682a7c0a3a85aaeef3d Mon Sep 17 00:00:00 2001
From: RJevnikar <12701645+rjevnikar@users.noreply.github.com>
Date: Mon, 11 Jun 2018 16:21:35 +0000
Subject: Change label text colour to black for specific label colours for
 better visibility

---
 client/components/cards/labels.styl | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'client/components/cards/labels.styl')

diff --git a/client/components/cards/labels.styl b/client/components/cards/labels.styl
index 084af64c..3b481d93 100644
--- a/client/components/cards/labels.styl
+++ b/client/components/cards/labels.styl
@@ -3,7 +3,7 @@
 // XXX Use .board-widget-labels as a flexbox container
 .card-label
   border-radius: 4px
-  color: white
+  color: white  //Default white text, in select cases,  changed to black to improve contrast between label colour and text
   display: inline-block
   font-weight: 700
   font-size: 13px
@@ -48,9 +48,11 @@
 
 .card-label-yellow
   background-color: #fad900
+  color: #000000 //Black text for better visibility
 
 .card-label-orange
   background-color: #ff9f19
+  color: #000000 //Black text for better visibility
 
 .card-label-red
   background-color: #eb4646
@@ -63,6 +65,7 @@
 
 .card-label-pink
   background-color: #ff78cb
+  color: #000000 //Black text for better visibility
 
 .card-label-sky
   background-color: #00c2e0
@@ -72,18 +75,22 @@
 
 .card-label-lime
   background-color: #51e898
+  color: #000000 //Black text for better visibility
 
 .card-label-silver
   background-color: #c0c0c0
+  color: #000000 //Black text for better visibility
 
 .card-label-peachpuff
   background-color: #ffdab9
+  color: #000000 //Black text for better visibility
 
 .card-label-crimson
   background-color: #dc143c
 
 .card-label-plum
   background-color: #dda0dd
+  color: #000000 //Black text for better visibility
 
 .card-label-darkgreen
   background-color: #006400
@@ -96,6 +103,7 @@
 
 .card-label-gold
   background-color: #ffd700
+  color: #000000 //Black text for better visibility
 
 .card-label-navy
   background-color: #000080
@@ -108,9 +116,11 @@
 
 .card-label-paleturquoise
   background-color: #afeeee
+  color: #000000 //Black text for better visibility
 
 .card-label-mistyrose
   background-color: #ffe4e1
+  color: #000000 //Black text for better visibility
 
 .card-label-indigo
   background-color: #4b0082
-- 
cgit v1.2.3-1-g7c22