summaryrefslogtreecommitdiffstats
path: root/client/components/cards/labels.styl
diff options
context:
space:
mode:
Diffstat (limited to 'client/components/cards/labels.styl')
-rw-r--r--client/components/cards/labels.styl54
1 files changed, 53 insertions, 1 deletions
diff --git a/client/components/cards/labels.styl b/client/components/cards/labels.styl
index 361a17ae..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,6 +75,55 @@
.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
+
+.card-label-slateblue
+ background-color: #6a5acd
+
+.card-label-magenta
+ background-color: #ff00ff
+
+.card-label-gold
+ background-color: #ffd700
+ color: #000000 //Black text for better visibility
+
+.card-label-navy
+ background-color: #000080
+
+.card-label-gray
+ background-color: #808080
+
+.card-label-saddlebrown
+ background-color: #8b4513
+
+.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
.edit-label,
.create-label