fix(kanban): ensure text and icon color only depends on the card background, not on the color scheme
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
Related https://github.com/go-vikunja/frontend/issues/135#issuecomment-1900701258
This commit is contained in:
parent
0fdf1ca027
commit
da311fce9e
@ -220,6 +220,7 @@ $task-background: var(--white);
|
||||
align-items: center;
|
||||
|
||||
:deep(.tag),
|
||||
:deep(.checklist-summary),
|
||||
.assignees,
|
||||
.icon,
|
||||
.priority-label {
|
||||
@ -227,6 +228,10 @@ $task-background: var(--white);
|
||||
margin-right: .25rem;
|
||||
}
|
||||
|
||||
:deep(.checklist-summary) {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.assignees {
|
||||
display: flex;
|
||||
|
||||
@ -295,22 +300,27 @@ $task-background: var(--white);
|
||||
}
|
||||
|
||||
&.has-light-text {
|
||||
--white: hsla(var(--white-h), var(--white-s), var(--white-l), var(--white-a)) !important;
|
||||
color: var(--white);
|
||||
|
||||
.task-id {
|
||||
color: var(--grey-200);
|
||||
color: hsl(220, 13%, 91%); // grey-200;
|
||||
}
|
||||
|
||||
.footer .icon,
|
||||
.due-date,
|
||||
.priority-label {
|
||||
background: var(--grey-800);
|
||||
background: hsl(215, 27.9%, 16.9%); // grey-800
|
||||
}
|
||||
|
||||
.footer {
|
||||
.icon svg {
|
||||
fill: var(--white);
|
||||
}
|
||||
|
||||
:deep(.checklist-summary) {
|
||||
color: hsl(217.9, 10.6%, 64.9%); // grey-400
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user