nextcloud-breeze-dark/core/css/apps/thirdparty/_tasks.scss

/* Tasks -------------------------------------------------------------------- */

#content.app-tasks {
    color: $foreground-normal;
}

#app-navigation .app-navigation-entry-edit input.action {
    background-color: $background-dark;

    &:hover {
        background-color: $background-active-hover;
    }

    &:active, &:focus {
        background-color: $background-active;
    }
}

.app-tasks #app-content {

    #add-task {
        border-color: $decoration-normal;

        input {
            color: $foreground-normal;
        }
    }

    .sortorder-dropdown-button {
        background-color: $background-normal;
        border-color: $decoration-normal;
    }

    .categories-list li {
        background-color: $background-normal;
        border-color: $decoration-normal;
        color: $foreground-normal;
    }

    .task-body {
        background-color: $background-dark;
        border-color: $decoration-normal;

        &:hover {
            background-color: $background-active-hover;
        }

        &.active {
            background-color: $background-active;
        }

        .title-wrapper {
            color: $foreground-normal;
        }

        .task-item.add-subtask {
            border-color: $decoration-normal;
        
            input {
                background: $background-dark !important;
                color: $foreground-normal;
            }
        }

        .duedate.overdue {
            color: $foreground-negative;
        }

        .percentbar {
            background-color: $background-active-hover;

            .percentdone {
                background-color: $background-active-alternate !important;
            }
        }
    }

    .task-list .loadmore span {
        color: $foreground-inactive;
        background-color: $background-normal;
        border: 1px solid $decoration-normal;
    
        &:hover {
            color: $foreground-normal;
            border-color: $decoration-active;
        }
    }
}

.app-tasks #app-sidebar div.content-wrapper {

    .title {
        background-color: $background-active;
        border-bottom-color: $decoration-normal;

        .expandable-container {
            background: $background-dark;
            border-color: $decoration-normal;
        }
    }

    .body .section {
        border-bottom: 1px dashed $decoration-normal;

        input {
            background-color: $background-dark;
            color: $foreground-normal;
        }
    
        input[type="range"] {
            background-color: $background-normal;
        }
    
        input[type="text"] {
            background-color: $background-dark;
        }

        .note {
            background-color: $background-dark;
            border-color: $decoration-normal;
        
            .expandingArea textarea {
                color: $foreground-normal;
            }
        }

        &.detail-categories .select2-container-multi .select2-choices .select2-search-choice {
            color: $foreground-normal;
            background-color: $background-normal;
            border-color: $decoration-normal;
        }
    }

    .title .reactive:hover .detail-checkbox:not(.disabled) {
        border-color: $background-active-alternate;
    }

    .reactive:hover .detail-checkbox:not(.disabled) {
        border-color: $decoration-active;
    }

    .footer {
        border-top: none;
    }
}

.app-tasks {

    .icon {
        opacity: 0.5;
    }

    .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 {
        filter: invert(95%);
    }

    .icon-percent-active {
        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;
        }
    }
}