summaryrefslogtreecommitdiffstats
path: root/client/components/cards/cardDetails.styl
diff options
context:
space:
mode:
authorBenjamin Tissoires <benjamin.tissoires@redhat.com>2018-07-24 18:18:40 +0200
committerBenjamin Tissoires <benjamin.tissoires@redhat.com>2019-01-22 11:10:29 +0100
commitb0ac10d94a8200a1ad0199a82c3f9d9be7ac9882 (patch)
treedbcfd3209358fd31a8bd7aeb79a54733bfe514f2 /client/components/cards/cardDetails.styl
parentc87a8b86aed70593bf8a9628df830ca5f03d50d5 (diff)
downloadwekan-b0ac10d94a8200a1ad0199a82c3f9d9be7ac9882.tar.gz
wekan-b0ac10d94a8200a1ad0199a82c3f9d9be7ac9882.tar.bz2
wekan-b0ac10d94a8200a1ad0199a82c3f9d9be7ac9882.zip
Add the ability to change the card background
Currently the only way to set it is via the REST API
Diffstat (limited to 'client/components/cards/cardDetails.styl')
-rw-r--r--client/components/cards/cardDetails.styl77
1 files changed, 77 insertions, 0 deletions
diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index 1dc56f58..5a486d84 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -140,3 +140,80 @@ input[type="submit"].attachment-add-link-submit
.card-details-menu
margin-right: 10px
+
+card-details-color(background, color...)
+ background: background !important
+ if color
+ color: color //overwrite text for better visibility
+
+.card-details-green
+ card-details-color(#3cb500, #ffffff) //White text for better visibility
+
+.card-details-yellow
+ card-details-color(#fad900)
+
+.card-details-orange
+ card-details-color(#ff9f19)
+
+.card-details-red
+ card-details-color(#eb4646, #ffffff) //White text for better visibility
+
+.card-details-purple
+ card-details-color(#a632db, #ffffff) //White text for better visibility
+
+.card-details-blue
+ card-details-color(#0079bf, #ffffff) //White text for better visibility
+
+.card-details-pink
+ card-details-color(#ff78cb)
+
+.card-details-sky
+ card-details-color(#00c2e0, #ffffff) //White text for better visibility
+
+.card-details-black
+ card-details-color(#4d4d4d, #ffffff) //White text for better visibility
+
+.card-details-lime
+ card-details-color(#51e898)
+
+.card-details-silver
+ card-details-color(#c0c0c0)
+
+.card-details-peachpuff
+ card-details-color(#ffdab9)
+
+.card-details-crimson
+ card-details-color(#dc143c, #ffffff) //White text for better visibility
+
+.card-details-plum
+ card-details-color(#dda0dd)
+
+.card-details-darkgreen
+ card-details-color(#006400, #ffffff) //White text for better visibility
+
+.card-details-slateblue
+ card-details-color(#6a5acd, #ffffff) //White text for better visibility
+
+.card-details-magenta
+ card-details-color(#ff00ff, #ffffff) //White text for better visibility
+
+.card-details-gold
+ card-details-color(#ffd700)
+
+.card-details-navy
+ card-details-color(#000080, #ffffff) //White text for better visibility
+
+.card-details-gray
+ card-details-color(#808080, #ffffff) //White text for better visibility
+
+.card-details-saddlebrown
+ card-details-color(#8b4513, #ffffff) //White text for better visibility
+
+.card-details-paleturquoise
+ card-details-color(#afeeee)
+
+.card-details-mistyrose
+ card-details-color(#ffe4e1)
+
+.card-details-indigo
+ card-details-color(#4b0082, #ffffff) //White text for better visibility