:root {
    --background-color: black;
    --color: white;
    --light-background-color: gray;
    --light-color: wheat;
}

.listening:before {
    background: url(../images/bottom-dark-bg.png) no-repeat;
}

.listening::after {
    background: url(../images/top-dark-bg.png) no-repeat;
}

.custom-dialog-container-podcastinfo .mat-dialog-container {
    box-shadow: 0px 11px 15px -7px rgb(255 255 255 / 0%), 0px 24px 38px 3px rgb(255 255 255 / 60%), 0px 9px 46px 8px rgb(255 255 255 / 70%) !important;
 }
 
 .mat-dialog-container {
    box-shadow: 0px 11px 15px -7px rgb(255 255 255 / 20%), 0px 24px 38px 3px rgb(255 255 255 / 14%), 0px 9px 46px 8px rgb(255 255 255 / 12%) !important;
 }

 .footer-logo {
     content: url(../images/footer-logo-dark.png);
 }

.form-signin input:focus,
textarea:focus,
.form-signup input:focus,
textarea:focus {
    background: rgba(255, 255, 255, .9);
}