docker-sites-status-server/frontend/SiteStatus/src/styles.scss

@import '~@angular/material/theming';
@include mat-core();

@import 'theme.scss';

.dark-app-theme {
    @include angular-material-theme($dark-app-theme);
    .sidenav-menu-title {
        color: rgb(140, 158, 255) !important;
    }

    .sidenav-menu-btn-item {
        color: white !important;
    }

    .sidenav-menu-btn-sub-item {
        color: white !important;
    }
}

.light-app-theme {
    @include angular-material-theme($light-app-theme);
}

/*
 * Actual Sticky Footer Styles
 */
.all-wrap {
    min-height: 100vh;
}

.page-wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-left: 10px;
}

.content {
    margin-top: 10px;
    flex: 1;
}

.sidenav-menu-title {
    padding-left: 16px !important;
    //color: rgb(140, 158, 255) !important;
}

.sidenav-menu-btn-item {
    width: 100%;
    text-align: start !important;
    //color: white !important;
}

.sidenav-menu-btn-sub-item {
    width: 100%;
    padding-left: 32px !important;
    text-align: start !important;
    //color: white !important;
}

.sidenav-menu .mat-list-item-content {
    padding: 0 !important;
}

.sidenav-menu .mat-list-item {
    height: 36px !important;
}

/*
 * Make the Component injected by Router Outlet full height:
 */
main {
    display: flex;
    flex-direction: column;
    > *:not(router-outlet) {
        flex: 1;
        display: block;
    }
}

footer {
    text-align: center;
}

table {
    width: 100%;
}