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

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

.app-passman .vault_wrapper {
	box-shadow: none;
	background: $background-dark;
    border: 1px solid $decoration-normal;

    .vaultlist li {
        border-bottom-color: $decoration-normal;

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

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

    .login_form {

        .button-geen {
            background-color: $background-positive;
            color: $foreground-normal;
            border-color: $background-positive;

            &:hover {
                border-color: $background-positive !important;
            }

            &:active,
            &:focus {
                border-color: $decoration-active !important;
            }
        }

        .button-red {
            background-color: $background-negative;
            color: $foreground-normal;
            border-color: $background-negative;

            &:hover {
                border-color: $background-neutral !important;
            }

            &:active,
            &:focus {
                border-color: $background-neutral !important;
                background-color: $background-neutral !important;
            }
        }
    }
}

.app-passman #app-navigation {

    li {

        .bullet-color-red {
            background-color: $background-negative;
        }

        .bullet-color-yellow {
            background-color: $background-neutral;
        }

        .bullet-color-green {
            background-color: $background-positive;
        }
    }

    .nav-trashbin a {
        background-color: $background-normal !important;

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

        &.active {
            background-color: $background-active !important;
        }
    }
}

.app-passman #app-content {

    #app-content-wrapper {

        .credential-table tr {

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

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

            td {
                border-bottom-color: $decoration-normal;
            }
        }

        .viewModes .view-mode {
            background-color: $background-normal;
            border-color: $decoration-normal;

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

        .grid-view .credential {
            border-color: $decoration-normal !important;

            .credential_content .tags .tag {
                color: $foreground-normal !important;
            }
        }

        .tags .tag,
        .app_sidebar .credential-data .tags .tag {
            background-color: $background-dark;
            border: 1px solid $decoration-normal;
        }

        #passman-controls {
            background-color: inherit;
            border-bottom: 1px solid $decoration-normal;
        }

        .edit_credential .compromised-button {
            background-color: $background-negative;
            color: $foreground-normal;

            &:hover,
            &:active,
            &:focus {
                border-color: $background-neutral;
            }
        }
    }

    // Settings

    .tab_header li {
    
        &.active {
            box-shadow: inset 0 -4px $background-active-alternate;

            .indicator {
                display: none;
            }
        }

        &.tab {
            border-right-color: $decoration-normal;
            color: $foreground-normal !important;
            background-color: $background-normal !important;

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

    .tab_container {
        border: none;
    }

    .pass-meter .details,
    .pass-meter .pass-meter-message {
        color: $foreground-inactive;
    }

    .pass-meter-col .indicator {
        background-color: $background-dark;
    }

    .pass-meter-col.poor .indicator {
        background-color: $background-negative;
    }

    .pass-meter-col.weak .indicator {
        background-color: $background-neutral;
    }

    .pass-meter-col.good .indicator,
    .pass-meter-col.strong .indicator {
        background-color: $background-positive;
    }

    .icon-label input,
    .pw-gen input {
        background-color: var(--color-main-background);
        color: $foreground-normal;
        border-color: $decoration-normal;
    }

    .pw-gen .generate_pw .cell {
        border-color: $decoration-normal;
        background-color: $background-normal;
    }

    .inputfile + label {
        background-color: $background-dark;
        border: 1px solid $decoration-normal;

        &:hover {
            border-color: $decoration-active;
        }
    }

    .icon-label .icon-picker .cell {
        border-color: $decoration-normal;
        background-color: $background-normal;

        &:hover {
            border-color: $decoration-active;
        }
    }

    .btn-danger {
        text-shadow: none;
        background-image: none;
        box-shadow: none;
        color: $foreground-normal;
        background-color: $background-negative;
        border-color: $background-negative;
        
        &:hover {
            border-color: $background-neutral !important;
            background-color: $background-negative;
        }
    
        &:focus,
        &:active {
            border-color: $background-neutral !important;
            background-color: $background-neutral !important;
        }
    }
}

tags-input {

    .tags {
        background-color: $background-dark;
        border: 1px solid $decoration-normal;
        box-shadow: none;

        &.focused {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-color: $decoration-active;
        }

        .tag-item {
            border-color: $decoration-normal;
            color: $foreground-normal;
        }
    }

    &.ng-invalid .tags {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: $background-negative;
    }

    .autocomplete {
        background-color: $background-dark;
        border: 1px solid $decoration-normal;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

        .suggestion-item.selected, .suggestion-item.selected em {
            color: $foreground-normal;
	        background-color: $background-active-hover;
        }
    }
}

.angularjs-datetime-picker {
	color: $foreground-normal;
	border-color: $decoration-normal;
	background: $background-normal;

    .adp-month {
        background: $background-normal;
        border-bottom-color: $decoration-normal;

        > button {
            color: $foreground-normal;

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

            &:active,
            &:focus {
                color: $background-active;
                background-color: transparent !important;
            }
        }
    }

    .adp-days {

        > .adp-day.selected {
            background: $background-active-hover;
            border-color: $decoration-active;
        }

        > .adp-day.selectable:hover {
            background: $background-active-hover;
        }
    }
}

.sequence code {
	border: none;
}

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

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

.iconpicker-dialog .ui-button.ui-button-icon-only {
    background-color: $background-normal !important;
}

#passman-settings {

    #mover {

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