Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 15:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Some tweaks to clean light and clean dark themes

Browse source
This commit is contained in:
Dmitrij Abramov 2024-06-28 00:38:45 +03:00
parent 954ec05d41
commit 09e87f207c
1 changed files with 51 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

66
client/components/boards/boardColors.css
View file

@ -2394,17 +2394,6 @@
background: rgba(46, 46, 57, 1); background: rgba(46, 46, 57, 1);
} }
.board-color-cleandark.pop-over .header {
border-bottom: none;
background: inherit;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: left;
color: rgba(255, 255, 255, 1);;
}
.board-color-cleandark.pop-over .pop-over-list, .board-color-cleandark.pop-over .pop-over-list,
.board-color-cleandark.pop-over .content { .board-color-cleandark.pop-over .content {
font-size: 16px; font-size: 16px;
@ -2832,7 +2821,7 @@
.board-color-cleanlight .list-header-add, .board-color-cleanlight .list-header-add,
.board-color-cleandark .list-header-add { .board-color-cleandark .list-header-add {
border-radius: 12px; border-radius: 12px;
margin-top: 10px; margin-top: 18px;
padding: 8px; padding: 8px;
margin-right: 8px; margin-right: 8px;
display: flex; display: flex;
@ -2841,9 +2830,27 @@
margin-left: 10px; margin-left: 10px;
} }
.board-color-cleanlight .list-header-add:hover {
background: rgba(227, 227, 230, 1);
color: rgba(10, 10, 20, 1);
border-radius: 8px;
cursor: pointer;
}
.board-color-cleandark .list-header-add:hover {
background: rgba(255, 255, 255, 0.1);
color: #FFFFFF;
border-radius: 8px;
cursor: pointer;
}
.board-color-cleanlight .list-header-add a:hover i {
color: #FFFFFF !important;
}
.board-color-cleandark .list-header-add { .board-color-cleandark .list-header-add {
background: #23232B !important; background: #23232B !important;
color: #FFFFFF; color: #FFFFFF !important;
} }
.board-color-cleanlight .card-label, .board-color-cleanlight .card-label,
@ -2982,7 +2989,7 @@
} }
.board-color-cleandark .card-details-header { .board-color-cleandark .card-details-header {
background: #2E2E39; background: #2E2E39 !important;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
@ -3070,7 +3077,9 @@
background: rgba(241, 241, 243, 1); background: rgba(241, 241, 243, 1);
} }
.board-color-cleanlight.pop-over .header { .board-color-cleanlight.pop-over .header,
.board-color-cleandark.pop-over .header {
border-radius: 12px 12px 0 0;
border-bottom: none; border-bottom: none;
background: inherit; background: inherit;
@ -3078,9 +3087,17 @@
font-weight: 500; font-weight: 500;
line-height: 24px; line-height: 24px;
text-align: left; text-align: left;
}
.board-color-cleanlight.pop-over .header {
color: rgba(10, 10, 20, 1); color: rgba(10, 10, 20, 1);
} }
.board-color-cleandark.pop-over .header {
color: rgba(255, 255, 255, 1);;
}
.board-color-cleanlight.pop-over .pop-over-list, .board-color-cleanlight.pop-over .pop-over-list,
.board-color-cleanlight.pop-over .content { .board-color-cleanlight.pop-over .content {
font-size: 16px; font-size: 16px;
@ -3654,3 +3671,22 @@
.board-color-cleandark .new-comment .fa { .board-color-cleandark .new-comment .fa {
display: none; display: none;
} }
.board-color-cleanlight .pop-over-list li > a,
.board-color-cleandark .pop-over-list li > a {
font-weight: 500;
}
.board-color-cleanlight .pop-over-list li > a i,
.board-color-cleandark .pop-over-list li > a i {
margin-right: 6px !important;
}
.board-color-cleanlight .pop-over .quiet {
margin-left: 100px !important;
}
.board-color-cleandark .minicard:hover:not(.minicard-composer),
.board-color-cleandark .is-selected .minicard, .draggable-hover-card .minicard {
background: #23232B;
}