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

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

/* Deck --------------------------------------------------------------------- */

.board-list .board-list-row {
    border-bottom-color: var(--color-border) !important;
}

.board-wrapper .controls {
        
    .board-title h2 a {
        color: var(--color-text-active);
    }
}

.board-wrapper .board {

    .stack {

        .stack--card-add form {
            box-shadow: none;

            input {
                border: 1px solid var(--color-border);
            }
        }

        .card {
            box-shadow: none;
            border: 1px solid var(--color-border);
            background-color: var(--color-background-darker);
            
            &:hover,
            .current-card {
                box-shadow: none;
                border-color: var(--color-border-active);
            }

            .due {
                opacity: 1;

                span {
                    color: var(--color-text-active);
                }

                &.next {
                    background-color: var(--color-neutral);
                    opacity: 1;

                    span {
                        color: var(--color-text-dark);
                    }
                }

                &.now {
                    background-color: var(--color-warning);
                    opacity: 1;

                    span {
                        color: var(--color-text-dark);
                    }
                }

                &.overdue {
                    background-color: var(--color-error);
                    opacity: 1;
                }
            }   
        }
    }

    .badges .icon {
        opacity: 0.7 !important;
    }
}

#app-sidebar {

    #description-preview a {
        opacity: 1;
    }
}

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

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

.icon-archive {
    background-image: var(--icon-deck-archive-f2f2f2) !important;
}

.icon-toggle-compact-expanded {
    background-image: var(--icon-deck-toggle-view-collapse-f2f2f2) !important;
}

.icon-toggle-compact-collapsed {
    background-image: var(--icon-deck-toggle-view-expand-f2f2f2) !important;
}

.icon-clone {
	background-image: var(--icon-deck-clone-f2f2f2) !important;
}

.icon-filter {
	background-image: var(--icon-deck-filter-f2f2f2) !important;
}

.icon-attach {
	background-image: var(--icon-deck-attach-f2f2f2) !important;
}

.icon-calendar-dark.now,
.icon-calendar-dark.next {
    background-image: var(--icon-calendar-000) !important;
}

.icon-filter_set {
	background-image: var(--icon-deck-filter_set-f2f2f2) !important;
}

.resource-type-deck {
    
    img[src$="deck-dark.svg"] {
        filter: invert(95%);
        opacity: .7 !important;
    }

    &:hover img[src$="deck-dark.svg"] {
        opacity: 1 !important;
    }
}