Fix list color too close with moderndark theme on mobile view.

Thanks to gerald41, Meeques, Go-rom, mfilser, jghaanstra and xet7 !

Fixes #4436,
fixes #4254

client/components/boards/boardColors.styl

@@ -858,7 +858,7 @@ setBoardClear(color1,color2)
 
   .swimlane
     background: #2a2a2a
-    line-height: 15px
+    line-height: 18px
     max-height: 100%
 
   /* Lists */
@@ -880,7 +880,7 @@ setBoardClear(color1,color2)
     background: #555555
 
   .list-header
-    padding: 10px
+    background: #6a6a6a
 
   .list-header .viewer
     padding-left: 10px

client/components/cards/minicard.styl

@@ -234,10 +234,12 @@
       z-index: 15
       box-shadow: 0 1px 2px rgba(0,0,0,.15)
 
+/* https://github.com/wekan/wekan/issues/4254#issuecomment-1037192960 */
+
 minicard-color(background, color...)
-  background-color: background
+  background-color: background !important
   if color
-    color: color //overwrite text for better visibility
+    color: color !important //overwrite text for better visibility
   &:hover:not(.minicard-composer),
   .is-selected &,
   .draggable-hover-card &