Use dark palette for Kanban cards in dark theme

master
David Benqué 3 years ago
parent db3e7aa5de
commit 0679ed6833

@ -22,6 +22,7 @@
@palette0: @cp_kanban-color0; // Default bg color for header @palette0: @cp_kanban-color0; // Default bg color for header
@kanban-colors: @cp_kanban-colors; @kanban-colors: @cp_kanban-colors;
@kanban-card-colors: @cp_kanban-card-colors;
.kanban-board-header { .kanban-board-header {
background-color: @palette0; background-color: @palette0;
@ -65,15 +66,21 @@
} }
.kanban-card-colors(@kanban-card-colors; @index) when (@index > 0){ .kanban-card-colors(@kanban-card-colors; @index) when (@index > 0){
// loop through the @colors // loop through the @colors
.kanban-colors(@kanban-card-colors; (@index - 1)); .kanban-card-colors(@kanban-card-colors; (@index - 1));
@color: extract(@kanban-card-colors, @index); @color: extract(@kanban-card-colors, @index);
// make a numbered class selector for each color // make a numbered class selector for each color
.cp-kanban-card-color@{index}{ // .cp-kanban-card-color@{index}{
background-color: @color !important; // background-color: @color !important;
// }
.cp-kanban-palette-color@{index}{
&.kanban-item {
background-color: @color !important;
}
} }
} }
// call the loop // call the loop
.kanban-colors(@kanban-colors; length(@kanban-colors)); .kanban-colors(@kanban-colors; length(@kanban-colors));
.kanban-card-colors(@kanban-card-colors; length(@kanban-card-colors));
.cp-kanban-edit-modal { .cp-kanban-edit-modal {
display: flex; display: flex;
@ -133,6 +140,9 @@
line-height: 30px; line-height: 30px;
color: @cp_kanban-fg; color: @cp_kanban-fg;
border: 1px solid fade(@cp_kanban-fg, 40%); border: 1px solid fade(@cp_kanban-fg, 40%);
&.fa-check { // tick on selected color
color: @cryptpad_color_grey_800; // XXX review if we show dark palette in card picker
}
} }
} }
#cp-kanban-edit-tags { #cp-kanban-edit-tags {

Loading…
Cancel
Save