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

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

/* Passwords ---------------------------------------------------------------- */

.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 0.25s ease-in-out, max-height 0.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-maxcontrast);
        }

        .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 {
            border-color: var(--color-border);
            color: var(--color-main-text);
        }
    }

    // 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-maxcontrast);

            .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-primary-element);
            }

            .editor-toolbar a.active {
                background-color: var(--color-primary-element);
                border-color: var(--color-primary-element);
            }

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

            .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 {
    background-color: var(--color-main-background);
    border: unset;
}

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

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

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

.app-passwords {
    #controls .breadcrumb .crumb .home {
        background-image: var(--icon-home-f2f2f2) !important;
    }
}