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

/* Circles ------------------------------------------------------------------ */

.app-circles #circle-navigation {
    border: none;

    input,
    select,
    option {
        background-color: $background-dark !important;
    }

    select#circles_filters {
        color: $foreground-normal;
    }

    &.selected {
        background-color: $background-dark !important;
        border-right: 1px solid $decoration-normal;
    }

    &.circles .circle {
        border-bottom-color: $decoration-normal;

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

        .title,
        .type,
        .owner {
            color: $foreground-normal;
        }

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

    #circles_list {

        div {
            color: $foreground-normal;
            border-color: $decoration-normal;
            background-color: $background-normal;
            
            &:hover {
                background: $background-active-hover;
            }
        }
    
        .selected {
            background: $background-active !important;
        }
    }

    #circles_new_type_definition div {
        color: $foreground-normal;
    }
}

.app-circles #app-content {

    #mainui {

        #circle_details {
    
            #name {
                color: $foreground-active;
            }
    
            #type {
                color: $foreground-normal;
            }
    
            .lightenbg {
                background: $background-active;
            }
        }
    
        #memberslist .entry td {
            color: $foreground-normal;
            background: $background-normal !important;
            border-bottom-color: $decoration-normal;
        }

        #members_search_result {
            border-color: $decoration-normal;
            color: $foreground-normal;
            background: $background-normal;
            
            .members_search.exact {
                background-color: $background-active-hover;
            }
        }

        #settings-panel #settings-table {
            color: $foreground-normal;

            tbody tr {
                opacity: 1 !important;
            }
        }
    }
}

#app-content-circlesfilter .select2-container .select2-choices {
    background-color: $background-normal;
    border-color: $decoration-normal;
}