1
0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2024-09-19 19:17:53 +00:00
nextcloud-breeze-dark/css/apps/official/_tasks.scss

143 lines
3.0 KiB
SCSS

/* Tasks -------------------------------------------------------------------- */
.app-tasks #app-navigation .app-navigation-entry-edit input.action {
background-color: var(--color-background-darker);
}
.app-tasks #app-content {
.sortorder-dropdown-button {
background-color: var(--color-main-background);
}
.categories-list span {
background-color: var(--color-main-background);
}
.task-body {
background-color: var(--color-background-darker);
&:hover {
background-color: var(--color-background-hover);
}
&.active .title {
font-weight: 600;
}
.duedate.overdue {
color: var(--color-error);
}
.percentdone {
background-color: var(--color-primary) !important;
}
}
.task-list .loadmore span {
color: var(--color-text-inactive);
background-color: var(--color-main-background);
}
}
.app-tasks #app-sidebar div.content-wrapper {
.title {
background-color: var(--color-primary-element);
.expandable-container {
background: var(--color-main-background);
border-color: var(--color-border);
}
}
.body .section {
border-bottom: 1px dashed var(--color-border);
.detail-categories-container .multiselect.multiselect-vue .multiselect__tag,
.detail-calendar-container .multiselect.multiselect-vue .multiselect__tag {
background-color: var(--color-main-background);
}
}
.title .detail-checkbox label:hover::before {
border-color: var(--color-primary);
}
.footer {
border-top: none;
}
}
.app-tasks {
.icon-task-star a::before,
.icon-alphabetically,
.icon-sort-down,
.icon-all a::before,
.icon-current a::before,
.icon-add a::before,
.icon-calendar a::before,
.icon-checkmark a::before,
.icon-task-star a::before,
.icon-list,
.icon-note,
.icon-hide,
.icon-percent,
.icon-checkmark,
.icon-tag,
.icon-add.icon-bw,
.icon-trash,
.icon-toggle {
filter: invert(95%);
}
.action.icon-checkmark,
.collection.icon-checkmark {
filter: none;
}
#app-settings, .app-navigation-entry-menu {
.icon-all,
.icon-current,
.icon-task-star,
.icon-calendar,
.icon-subtasks-visible {
filter: invert(95%);
}
}
#app-content {
.icon-subtasks-visible,
.icon-subtasks-hidden {
filter: invert(95%);
}
}
#app-sidebar {
.icon-calendar {
filter: invert(95%);
}
.icon-calendar-due {
filter: none;
}
}
#app-content, #app-sidebar {
.icon-task-star {
filter: invert(95%);
}
.icon-task-star-low,
.icon-task-star-medium,
.icon-task-star-high {
filter: none;
}
}
}