Use light theme colors in dark theme for more highlight

master
David Benqué 3 years ago
parent 80ffbc4bf6
commit db3e7aa5de

@ -379,8 +379,10 @@
@cp_kanban-tags-bg: @cryptpad_color_grey_700; @cp_kanban-tags-bg: @cryptpad_color_grey_700;
@cp_kanban-add-hover: fade(@cryptpad_color_black, 10%); @cp_kanban-add-hover: fade(@cryptpad_color_black, 10%);
@cp_kanban-trash-bg: @cryptpad_color_warn_red; @cp_kanban-trash-bg: @cryptpad_color_warn_red;
@cp_kanban-color0: @cryptpad_color_grey_600; @cp_kanban-color0: @cryptpad_color_grey_400;
@cp_kanban-colors: @cp_palette-dark; @cp_kanban-colors: @cp_palette;
@cp_kanban-card-colors: @cp_palette-dark;
// Notifications // Notifications
@cp_notif-hover: fade(@cryptpad_color_black, 10%); @cp_notif-hover: fade(@cryptpad_color_black, 10%);

@ -380,6 +380,7 @@
@cp_kanban-trash-bg: @cryptpad_color_warn_red; @cp_kanban-trash-bg: @cryptpad_color_warn_red;
@cp_kanban-color0: @cryptpad_color_grey_400; @cp_kanban-color0: @cryptpad_color_grey_400;
@cp_kanban-colors: @cp_palette; @cp_kanban-colors: @cp_palette;
@cp_kanban-card-colors: @cp_palette;
// Notifications // Notifications
@cp_notif-hover: fade(@cryptpad_color_black, 10%); @cp_notif-hover: fade(@cryptpad_color_black, 10%);

@ -25,8 +25,11 @@
.kanban-board-header { .kanban-board-header {
background-color: @palette0; background-color: @palette0;
color: @cp_kanban-fg; color: @cryptpad_color_grey_800;
border-radius: @variables_radius @variables_radius 0px 0px; border-radius: @variables_radius @variables_radius 0px 0px;
button.kanban-edit-item {
color: @cryptpad_color_grey_800;
}
} }
.kanban-board { .kanban-board {
.kanban-board-inner { .kanban-board-inner {
@ -40,7 +43,7 @@
} }
color: @cp_kanban-fg; color: @cp_kanban-fg;
button { 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 // call the loop
.kanban-colors(@kanban-colors; length(@kanban-colors)); .kanban-colors(@kanban-colors; length(@kanban-colors));

Loading…
Cancel
Save