From 3ad6e554dceea822dee7390872260e872a792dcd Mon Sep 17 00:00:00 2001
From: Lauri Ojansivu <x@xet7.org>
Date: Fri, 12 Jul 2019 14:14:50 -0400
Subject: [PATCH] RELAX THEME: Use only in this theme the aggressive [red color
 and big bold serif font style
 number](https://github.com/wekan/wekan/commit/bbc68309af0029f2bc4194db4c7e79689f888ea4#commitcomment-34216371)
 and [card details text
 emphasis](https://github.com/wekan/wekan/commit/48ebc5f11745b125ce01d08d60e2d8e3a9419a5f#commitcomment-34268095).

Thanks to hever and xet7.
---
 client/components/boards/boardColors.styl | 30 ++++++++++++++++++++++-
 client/components/cards/cardDetails.styl  |  5 ----
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/client/components/boards/boardColors.styl b/client/components/boards/boardColors.styl
index 3e8656282..efd4367e8 100644
--- a/client/components/boards/boardColors.styl
+++ b/client/components/boards/boardColors.styl
@@ -216,7 +216,9 @@ setBoardColor(color)
 .board-color-relax
   setBoardColor(#27AE61)
 
-  // RELAX MODE: light green backgroud, when green background color selected.
+  // RELAX MODE: light green background, with green background color,
+  // to help this theme users to relax.
+  // Colors and emphasis are specific to this Wekan theme contributor's company.
   .ui-sortable
     background-color:#a7e366
 
@@ -230,6 +232,32 @@ setBoardColor(color)
   .list
     border-left: 1px dotted #000000
 
+  // Card details text emphasis: black border and white background
+  // to make it details text field easier to find for RELAX MODE users,
+  // and focus attention.
+  .card-details .card-details-items
+    & ~ .js-open-inlined-form
+        .viewer
+            background-color #ffffff !important
+            padding 15px !important
+            border 1px solid #000000 !important
+
+  // When card has comment, emphasis on minicard:
+  // bigger red comment icon and number of comments,
+  // to make it easier notice card comments and focus attention.
+  .minicard .badges .badge
+    .badge-icon,
+    .badge-text
+      &.badge-comment
+        display: block
+        border-radius: 4px
+        padding: 1px 3px
+        margin-bottom: 0.3rem
+        color: #ff0000
+        background-color: #ffffff
+        font-weight: bold
+        font-size: 11pt
+
 .board-color-corteza
   setBoardColor(#568BA2)
 
diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index bafaa94b6..da0fe9f8e 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -86,11 +86,6 @@
     display: flex
     flex-wrap: wrap
     margin: 15px 0
-    & ~ .js-open-inlined-form
-        .viewer
-            background-color #ffffff !important
-            padding 15px !important
-            border 1px solid #000000 !important
 
     .card-details-item
       margin-right: 0.5em