allow configuring some basic UI settings

[aeberhart]

background color

changed in instance component:

<mat-sidenav-content style="... background-color: #...;">

sidenavOpen condition

changed in appservice:

  sidenavOpen = false;

changing the font

in my-theme.scss

@import '~@angular/material/theming';

@font-face {
    font-family: din;
    src: url(assets/DINRegular.ttf);
}

$custom-typography: mat-typography-config($font-family: 'din');
@include mat-core($custom-typography);

changing theme colors

in my-theme.scss

$candy-app-primary: mat-palette($mat-orange,800);

cookie text and links

cookieconsent.ts

login screen

login.component.html

[aeberhart]

we can use the new settings field in UserProfile for this

[aeberhart]

Sidenav is done. All others are quite tricky:

• font / scss cannot easily be set at runtime
• cookieconsent is loaded / configured in app module - maybe use lazy / dynamic loading