Use light theme colors in dark theme for more highlight
parent
80ffbc4bf6
commit
db3e7aa5de
|
@ -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%);
|
||||
|
|
|
@ -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%);
|
||||
|
|
|
@ -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));
|
||||
|
||||
|
|
Loading…
Reference in New Issue