nextcloud-breeze-dark/css/apps/official/_tasks.scss

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */

/* 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 {
        background-color: var(--color-background-darker) !important;
        color: var(--color-text-maxcontrast) !important;
    }
}

.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);
        }

        input[type="number"] {
            background-color: var(--color-background-darker);
        }
    }

    input[type="checkbox"].checkbox:checked + label::before {
        background-color: var(--color-primary-element);
        border-color: var(--color-primary-element);
    }

    .title .detail-checkbox label:hover::before {
        border-color: var(--color-primary);
    }

    .footer {
        border-top: none;
    }
}

/* Icons -------------------------------------------------------------------- */

.app-tasks {
    .sprt-startdate,
    .sprt-duedate,
    .sprt-current,
    .sprt-task-star,
    .sprt-percent,
    .sprt-tag,
    .sprt-trash,
    .sprt-hide,
    .sprt-pinned,
    .sprt-pinned-off,
    .sprt-all,
    .sprt-checkmark,
    .sprt-add,
    .sprt-calendar,
    .sprt-note,
    .sprt-subtasks-hidden {
        filter: invert(95%);
    }

    .icon-list {
        background-image: var(--icon-tasks-icon-list-f2f2f2) !important;
    }

    .icon-start {
        background-image: var(--icon-tasks-icon-start-f2f2f2) !important;
    }

    .icon-due {
        background-image: var(--icon-tasks-icon-due-f2f2f2) !important;
    }

    .icon-task-star {
        background-image: var(--icon-tasks-icon-task-star-f2f2f2) !important;
    }

    .icon-alphabetically {
        background-image: var(--icon-tasks-icon-alphabetically-f2f2f2) !important;
    }

    input[type="checkbox"].checkbox:checked + label::before {
        background-image: var(--icon-checkmark-f2f2f2) !important;
    }

    .app-content > div .task-list .grouped-tasks .task-item .task-body .task-body-icons {
        .icon-subtasks-visible {
            background-image: var(--icon-tasks-icon-subtasks-visible-f2f2f2) !important;
        }

        .icon-subtasks-hidden {
            background-image: var(--icon-tasks-icon-subtasks-hidden-f2f2f2) !important;
        }
    }

    .app-content .header .sortorder {
        .icon-list__up {
            background-image: var(--icon-tasks-icon-list-up-f2f2f2) !important;
        }

        .icon-list__down {
            background-image: var(--icon-tasks-icon-list-down-f2f2f2) !important;
        }

        .icon-manual {
            background-image: var(--icon-tasks-icon-manual-f2f2f2) !important;
        }
    }
}