infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Use dark palette for Kanban cards in dark theme

master
David Benqué 2022-05-12 09:55:11 +01:00
parent db3e7aa5de
commit 0679ed6833
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
www/kanban/app-kanban.less
View File

@ -22,6 +22,7 @@
@palette0: @cp_kanban-color0; // Default bg color for header
@kanban-colors: @cp_kanban-colors;
@kanban-card-colors: @cp_kanban-card-colors;
.kanban-board-header {
background-color: @palette0;
@ -65,15 +66,21 @@
}
.kanban-card-colors(@kanban-card-colors; @index) when (@index > 0){
// 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);
// make a numbered class selector for each color
.cp-kanban-card-color@{index}{
background-color: @color !important;
// .cp-kanban-card-color@{index}{
// background-color: @color !important;
// }
.cp-kanban-palette-color@{index}{
&.kanban-item {
background-color: @color !important;
}
}
}
// call the loop
.kanban-colors(@kanban-colors; length(@kanban-colors));
.kanban-card-colors(@kanban-card-colors; length(@kanban-card-colors));
.cp-kanban-edit-modal {
display: flex;
@ -133,6 +140,9 @@
line-height: 30px;
color: @cp_kanban-fg;
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 {