diff --git a/customize.dist/src/less2/include/colortheme-dark.less b/customize.dist/src/less2/include/colortheme-dark.less index 64b4c296d..7c9008884 100644 --- a/customize.dist/src/less2/include/colortheme-dark.less +++ b/customize.dist/src/less2/include/colortheme-dark.less @@ -379,8 +379,10 @@ @cp_kanban-tags-bg: @cryptpad_color_grey_700; @cp_kanban-add-hover: fade(@cryptpad_color_black, 10%); @cp_kanban-trash-bg: @cryptpad_color_warn_red; -@cp_kanban-color0: @cryptpad_color_grey_600; -@cp_kanban-colors: @cp_palette-dark; +@cp_kanban-color0: @cryptpad_color_grey_400; +@cp_kanban-colors: @cp_palette; +@cp_kanban-card-colors: @cp_palette-dark; + // Notifications @cp_notif-hover: fade(@cryptpad_color_black, 10%); diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less index 845dd992d..cb694eb17 100644 --- a/customize.dist/src/less2/include/colortheme.less +++ b/customize.dist/src/less2/include/colortheme.less @@ -380,6 +380,7 @@ @cp_kanban-trash-bg: @cryptpad_color_warn_red; @cp_kanban-color0: @cryptpad_color_grey_400; @cp_kanban-colors: @cp_palette; +@cp_kanban-card-colors: @cp_palette; // Notifications @cp_notif-hover: fade(@cryptpad_color_black, 10%); diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less index ffc8f327d..6391b5b42 100644 --- a/www/kanban/app-kanban.less +++ b/www/kanban/app-kanban.less @@ -25,8 +25,11 @@ .kanban-board-header { background-color: @palette0; - color: @cp_kanban-fg; + color: @cryptpad_color_grey_800; border-radius: @variables_radius @variables_radius 0px 0px; + button.kanban-edit-item { + color: @cryptpad_color_grey_800; + } } .kanban-board { .kanban-board-inner { @@ -40,7 +43,7 @@ } color: @cp_kanban-fg; button { - color: @cp_kanban-fg; + color: @cryptpad_text_col; } } @@ -60,6 +63,15 @@ } } } + .kanban-card-colors(@kanban-card-colors; @index) when (@index > 0){ + // loop through the @colors + .kanban-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; + } + } // call the loop .kanban-colors(@kanban-colors; length(@kanban-colors));