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,
    .task-list .loadmore button {
        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: unset;
    }
}

/* 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%);
    }
}