nextcloud-breeze-dark/css/apps/thirdparty/_passwords.scss

.app-passwords #app-navigation {

    .nav-icon-recent,
    .nav-icon-favorites {
        background-image: none;
    }

    ul li {
        opacity: 1;

        &:hover {
            background-color: var(--color-background-hover);
        }
    }
}

.app-passwords #app-content {

    // General styling for controls
    #controls .passwords-more-menu .menu {
        transition: border .25s ease-in-out, max-height .25s ease-in-out;
    }

    // General styling for lists in app-content window
    .item-list .row {

        &.header,
        &.header .date {
            color: var(--color-main-text);
        }

        .date {
            color: var(--color-text-inactive);
        }

        .genericIcon {
            color: var(--color-main-text);
        }

        .more .popovermenu.bubble.menu li {
            color: var(--color-main-text);
            opacity: 0.7;

            &:hover {
                opacity: 1;
            }
        }
    }

    // Styling for Backup section
    .backup-dialog h1 {
        background-color: var(--color-background-darker);

        &::before {
            color: var(--color-main-text);
            border-color: var(--color-border);
        }
    }

    // Styling for help section
    .help .handbook-page {
        
        code, pre {
            background-color: var(--color-background-darker);
        }

        a {
            color: var(--color-text-link) !important;
        }
    }

    // App content sidebar
    .app-content-right .item-details {

        .infos {
            color: var(--color-text-inactive);

            .tags-container .tags .tag {
                background-color: var(--color-background-darker) !important;
                border: 1px solid var(--color-border);
            }
        }

        .tab-container .tab-titles .tab-title {
            color: var(--color-main-text);
        }
    }

    // Warning styling for reset and delete buttons in settings
    .app-content-left.settings section.danger input[type="button"]:hover {
        border-color: var(--color-error);
    }
}

.app-passwords #app-popup {

    // Popup for creating new password
    #passwords-create-new .window form.content {

        .section-title, .open .foldout-title {
            border-color: var(--color-border); 
        }

        // Notes Editor
        .notes-container {
            
            .editor-toolbar {

                a {

                    &:hover {
                        border-color: var(--color-border-active);
                    }

                    &.active {
                        background-color: var(--color-primary-element);
                        border-color: var(--color-border-active);
                    }
                }

                &.disabled-for-preview a:not(.no-disable) {
                    background-color: var(--color-background-alternate);
                    border: none;
                }
            }

            .CodeMirror .editor-preview {
                background-color: var(--color-main-background);
            }

            .CodeMirror span.CodeMirror-selectedtext {
                background-color: var(--color-primary-element);
                padding: 1.225px 0;
            }
        }
    }
}

// Tag color field
.oc-dialog #pw-field-color {
    border: none;
    background-color: var(--color-main-background);
}

// Yes button for creating new tag
.oc-dialog-buttonrow.twobuttons button.primary {
    border-color: var(--color-border);

    &:hover, &:active, &:focus {
        border-color: var(--color-border-active);
    }
}