Board color

customize.dist/src/less2/include/tokenfield.less

@@ -11,7 +11,6 @@
         .tools_unselectable();
         display: flex;
         flex-wrap: wrap;
-        justify-content: space-around;
         height: auto;
         min-height: 34px;
         padding-bottom: 0px;
@@ -29,6 +28,7 @@
             background-color: #ededed;
             white-space: nowrap;
             margin: 2px 0;
+            margin-right: 5px;
             height: 24px;
             vertical-align: middle;
             cursor: default;

www/kanban/app-kanban.less

@@ -32,33 +32,61 @@
     .kanban-board-header {
         background-color: #c9c9c9;
     }
+    .kanban-board {
+        background-color: @board-bg;
+        color: @cryptpad_text_col;
+    }
 
     .cp-kanban-palette-nocolor {
         background-color: @palette0;
     }
     .cp-kanban-palette-color1 {
         background-color: @palette1;
+        &.kanban-board {
+            background-color: lighten(@palette1, 5%);
+        }
     }
     .cp-kanban-palette-color2 {
         background-color: @palette2;
+        &.kanban-board {
+            background-color: lighten(@palette2, 5%);
+        }
     }
     .cp-kanban-palette-color3 {
         background-color: @palette3;
+        &.kanban-board {
+            background-color: lighten(@palette3, 10%);
+        }
     }
     .cp-kanban-palette-color4 {
         background-color: @palette4;
+        &.kanban-board {
+            background-color: lighten(@palette4, 10%);
+        }
     }
     .cp-kanban-palette-color5 {
         background-color: @palette5;
+        &.kanban-board {
+            background-color: lighten(@palette5, 10%);
+        }
     }
     .cp-kanban-palette-color6 {
         background-color: @palette6;
+        &.kanban-board {
+            background-color: lighten(@palette6, 5%);
+        }
     }
     .cp-kanban-palette-color7 {
         background-color: @palette7;
+        &.kanban-board {
+            background-color: lighten(@palette7, 5%);
+        }
     }
     .cp-kanban-palette-color8 {
         background-color: @palette8;
+        &.kanban-board {
+            background-color: lighten(@palette8, 5%);
+        }
     }
 
     #cp-kanban-edit-body {
@@ -262,8 +290,6 @@
         }
 
         .kanban-board {
-            background-color: @board-bg;
-            color: @cryptpad_text_col;
             main {
                 min-height: 0;
                 padding: 0 10px;

www/kanban/jkanban.js

@@ -419,6 +419,7 @@
                         if (/color/.test(board.color)) {
                             // Palette color
                             headerBoard.classList.add('cp-kanban-palette-'+board.color);
+                            boardNode.classList.add('cp-kanban-palette-'+board.color);
                         } else if (!/^[0-9a-f]{6}$/.test(board.color)) {
                             // "string" color (red, blue, etc.)
                             headerBoard.classList.add("kanban-header-" + board.color);