Merge pull request #4464 from TheExo/master

created a new theme called "exodark"

client/components/boards/boardColors.styl

@@ -1088,3 +1088,96 @@ setBoardClear(color1,color2)
 
 .pop-over.board-color-moderndark .pop-over-list li > a:hover
   background-color: rgba(255,255,255,0.2)
+
+
+.board-color-exodark
+  setBoardColor(#222222)
+
+  body
+    background: #222222;
+
+  i
+    color: #00897b!important;
+
+  .board-canvas
+    background: #222222;
+    font-family: Poppins; //Maybe Lato would be great
+
+  .swimlane
+    background: #222222;
+
+  .list
+    margin: 10px;
+    color: white;
+    border-radius: 15px;
+    background: #222222;
+    box-shadow: inset 15px 15px 37px #1c1c1c,
+                inset -15px -15px 37px #282828;
+    border: none;
+
+  .list-header
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+    background: #222222;
+    box-shadow: inset 15px 15px 37px #1c1c1c,
+                inset -15px -15px 37px #282828;
+
+  .list-header-menu
+    a
+      color: #00897b!important;
+
+  .is-selected .minicard
+    color: white;
+    background: #2b2b2b;
+    border: 1px solid #00897b;
+
+  .minicard
+    color: white;
+    background: #2b2b2b;
+
+  .list-body
+    .open-minicard-composer:hover
+      background: #2b2b2b;
+      border: 1px solid #00897b;
+      border-radius: 10px;
+
+  .badges
+    color: white;
+
+  .minicard
+    textarea
+      color: white;
+
+  .minicard:hover:not(.minicard-composer)
+    border: 1px solid #00897b;
+    background: #2b2b2b;
+    padding: 9px 9px 3px 9px;/*because of the 1px border we need to reduce padding by 1px*/
+
+  .card-details
+    background: #2b2b2b;
+    color: white;
+
+  .card-details .card-details-header
+    background: #2b2b2b;
+    color: white;
+
+  .sidebar-content
+    background: #2b2b2b;
+    color: white;
+
+  .card-details, .sidebar-content
+    box-shadow: 0 0 7px 0 #00897b;
+
+  .card-details > h1,h2,h3,h4,h5,h6,p,a,span
+    color: white!important;
+
+  .toggle-switch:checked ~ .toggle-label
+    background-color: #00897b!important;
+
+.pop-over.board-color-exodark
+  background: #2b2b2b;
+  color: white;
+
+.pop-over.board-color-exodark .header
+  background: #2b2b2b;
+  color: white;

client/components/main/header.styl

@@ -103,7 +103,10 @@
   padding: 10px 0px
 
   .allBoards
-      padding: 0 0 0 10px
+      font-size: 14px
+      padding:4px 15px
+    a
+      text-decoration: none;
 
   #header-user-bar,
   #header-new-board-icon,

config/const.js

@@ -15,6 +15,7 @@ export const ALLOWED_BOARD_COLORS = [
   'natural',
   'modern',
   'moderndark',
+  'exodark',
 ];
 export const ALLOWED_COLORS = [
   'white',

server/migrations.js

@@ -130,6 +130,7 @@ Migrations.add('use-css-class-for-boards-colors', () => {
     '#596557': 'natural',
     '#2A80B8': 'modern',
     '#2a2a2a': 'moderndark',
+    '#222222': 'exodark',
   };
   Boards.find().forEach(board => {
     const oldBoardColor = board.background.color;