Styling for login with dark background and white outline, using mat-form-field, appearance = "outline"

login.css

    input::placeholder {
        color: $grey-lighter !important;
    }
    .mat-form-field-outline {
        color: whitesmoke !important;
    }
    
    .mat-form-field-outline-thick {
        color: white !important;
        box-shadow: 1px 0px 10px 0.125em rgba(255, 255, 255, 0.27) !important;
    }
    
    .mat-focused .mat-form-field-outline-thick {
        color: white !important;
    }
    
    .mat-form-field-label {
        color: white !important;
    }
    
    .mat-input-element {
        caret-color: whitesmoke !important;
    }

    .mat-icon {
        color: white;
    }

    .mat-button-wrapper {
        color: white;
    }

    .mat-stroked-button {
        color: white !important;
    }

    .mat-stroked-button:hover {
        transition: 0.5s;
        box-shadow: 1px 0px 10px 0.125em rgba(255, 255, 255, 0.27) !important;
    }