diff options
| author | RJevnikar <12701645+rjevnikar@users.noreply.github.com> | 2018-06-11 16:21:35 +0000 |
|---|---|---|
| committer | RJevnikar <12701645+rjevnikar@users.noreply.github.com> | 2018-06-11 16:21:35 +0000 |
| commit | 199ea3d6f967711b05010682a7c0a3a85aaeef3d (patch) | |
| tree | 5aaae7bcba1b87c775b0e655a4d1b1e64dca7459 /client/components | |
| parent | 53bd527947f2676d27743ada0b2c2ed568d2ee83 (diff) | |
| download | wekan-199ea3d6f967711b05010682a7c0a3a85aaeef3d.tar.gz wekan-199ea3d6f967711b05010682a7c0a3a85aaeef3d.tar.bz2 wekan-199ea3d6f967711b05010682a7c0a3a85aaeef3d.zip | |
Change label text colour to black for specific label colours for better visibility
Diffstat (limited to 'client/components')
| -rw-r--r-- | client/components/cards/labels.styl | 12 |
1 files changed, 11 insertions, 1 deletions
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 |