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

/* Passman ------------------------------------------------------------------ */

.app-passman .vault_wrapper {
	box-shadow: none;
	background: var(--color-background-darker);
    border: 1px solid var(--color-border);

    .vaultlist li {
        border-bottom-color: var(--color-border);

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

        &.ng-scope:last-child {
            border-bottom: none;
        }
    }

    .login_form {

        .button-geen {
            background-color: var(--color-success);
            color: var(--color-main-text);
            border-color: var(--color-success);

            &:hover {
                border-color: var(--color-success) !important;
            }

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

        .button-red {
            background-color: var(--color-error);
            color: var(--color-main-text);
            border-color: var(--color-error);

            &:hover {
                border-color: var(--color-warning) !important;
            }

            &:active,
            &:focus {
                border-color: var(--color-warning) !important;
                background-color: var(--color-warning) !important;
            }
        }
    }
}

.app-passman #app-navigation {

    li {

        .bullet-color-red {
            background-color: var(--color-error);
        }

        .bullet-color-yellow {
            background-color: var(--color-warning);
        }

        .bullet-color-green {
            background-color: var(--color-success);
        }
    }

    .nav-trashbin a {
        background-color: var(--color-main-background) !important;

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

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

.app-passman #app-content {

    #app-content-wrapper {

        .credential-table tr {

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

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

            td {
                border-bottom-color: var(--color-border);
            }
        }

        .viewModes .view-mode {
            background-color: var(--color-main-background);
            border-color: var(--color-border) !important;

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

        .grid-view .credential {
            border-color: var(--color-border) !important;

            .credential_content .tags .tag {
                color: var(--color-main-text) !important;
            }
        }

        .tags .tag,
        .app_sidebar .credential-data .tags .tag {
            background-color: var(--color-background-darker);
            border: 1px solid var(--color-border);
        }

        #passman-controls {
            background-color: inherit;
            border-bottom: 1px solid var(--color-border);
        }

        .edit_credential .compromised-button {
            background-color: var(--color-error);
            color: var(--color-main-text);
            border-color: var(--color-error);

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

    // Settings

    .tab_header li {
    
        &.active {
            box-shadow: inset 0 -4px var(--color-primary);

            .indicator {
                display: none;
            }
        }

        &.tab {
            border-right-color: var(--color-border);
            color: var(--color-main-text) !important;
            background-color: var(--color-main-background) !important;

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

    .tab_container {
        border: none;
    }

    .pass-meter .details,
    .pass-meter .pass-meter-message {
        color: var(--color-text-inactive);
    }

    .pass-meter-col .indicator {
        background-color: var(--color-background-darker);
    }

    .pass-meter-col.poor .indicator {
        background-color: var(--color-error);
    }

    .pass-meter-col.weak .indicator {
        background-color: var(--color-warning);
    }

    .pass-meter-col.good .indicator,
    .pass-meter-col.strong .indicator {
        background-color: var(--color-success);
    }

    .icon-label input,
    .pw-gen input {
        background-color: var(--color-main-background);
        color: var(--color-main-text);
        border-color: var(--color-border);
    }

    .pw-gen .generate_pw .cell {
        border-color: var(--color-border);
        background-color: var(--color-main-background);
    }

    .inputfile + label {
        background-color: var(--color-background-darker);
        border: 1px solid var(--color-border);

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

    .icon-label .icon-picker .cell {
        border-color: var(--color-border);
        background-color: var(--color-main-background);

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

    .btn-danger {
        text-shadow: none;
        background-image: none;
        box-shadow: none;
        color: var(--color-main-text);
        background-color: var(--color-error);
        border-color: var(--color-error);
        
        &:hover {
            border-color: var(--color-warning) !important;
            background-color: var(--color-error);
        }
    
        &:focus,
        &:active {
            border-color: var(--color-warning) !important;
            background-color: var(--color-warning) !important;
        }
    }
}

tags-input {

    .tags {
        background-color: var(--color-main-background) !important;
        border: 1px solid var(--color-border) !important;
        box-shadow: none !important;

        &.focused {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            border-color: var(--color-border-active) !important;
        }

        .tag-item {
            border-color: var(--color-border) !important;
            color: var(--color-main-text) !important;
        }
    }

    &.ng-invalid .tags {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        border-color: var(--color-error) !important;
    }

    .autocomplete {
        background-color: var(--color-background-darker) !important;
        border: 1px solid var(--color-border) !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;

        .suggestion-item.selected {
            color: var(--color-main-text) !important;
	        background-color: var(--color-background-hover) !important;
        }
    }
}

.angularjs-datetime-picker {
	color: var(--color-main-text) !important;
	border-color: var(--color-border) !important;
	background: var(--color-main-background) !important;

    .adp-month {
        background: var(--color-main-background) !important;
        border-bottom-color: var(--color-border) !important;

        > button {
            color: var(--color-main-text) !important;

            &:hover {
                color: var(--color-primary-element) !important;
            }

            &:active,
            &:focus {
                color: var(--color-primary-element) !important;
                background-color: transparent !important;
            }
        }
    }

    .adp-days {

        > .adp-day.selected {
            background: var(--color-background-hover) !important;
            border-color: var(--color-border-active) !important;
        }

        > .adp-day.selectable:hover {
            background: var(--color-background-hover) !important;
        }
    }
}

.sequence code {
	border: none !important;
}

.iconpicker-dialog,
.shareincoming-dialog,
.custom-search-dialog {

    &, .ui-dialog {
        box-shadow: none !important;
    }
}

.iconpicker-dialog .ui-button.ui-button-icon-only {
    background-color: var(--color-main-background) !important;
}

#passman-settings {

    #mover {

        table tr:hover {
            background-color: unset;
        }
    }
}