Link correct session-id to demo session buttton

src/app/components/creator/_dialogs/content-delete/content-delete.component.scss

+h3 {
+  color: var(--on-surface);
+}
+
+p {
+  color: var(--on-surface);
+}

src/app/components/creator/_dialogs/delete-comment/delete-comment.component.html

 <h3>{{ 'room-page.sure' | translate }}</h3>
 <p>{{ 'room-page.really-delete-comments' | translate }}</p>
 <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
-  <button mat-raised-button color="primary" (click)="close('abort')">
+  <button mat-raised-button class="abort" (click)="close('abort')">
     {{ 'content.abort' | translate }}
   </button>
-  <button mat-raised-button color="warn" (click)="close('delete')">
+  <button mat-raised-button class="delete" (click)="close('delete')">
     {{ 'content.delete' | translate }}
   </button>
 </div>

src/app/components/creator/_dialogs/delete-comment/delete-comment.component.scss

+h3 {
+  color: var(--on-surface);
+}
+
+p {
+  color: var(--on-surface);
+}
+
+.delete {
+  background-color: var(--red);
+  color: var(--on-secondary);
+}
+
+.abort {
+  background-color: var(--secondary);
+  color: var(--on-secondary);
+}
+

src/app/components/creator/_dialogs/room-delete/room-delete.component.html

 <h3>{{ 'room-page.sure' | translate }}</h3>
 <p>{{ 'room-page.reallySession' | translate}}<strong>{{room.name}}</strong>{{ 'room-page.really2' | translate}}</p>
 <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
-  <button mat-raised-button color="warn" (click)="dialogRef.close('delete')">
-    {{ 'room-page.delete-room' | translate }}
-  </button>
-  <button mat-raised-button color="primary" (click)="onNoClick()">
+  <button mat-raised-button class="abort" (click)="onNoClick()">
     {{ 'room-page.abort' | translate }}
   </button>
+  <button mat-raised-button class="delete" (click)="dialogRef.close('delete')">
+    {{ 'room-page.delete-room' | translate }}
+  </button>
 </div>

src/app/components/creator/_dialogs/room-delete/room-delete.component.scss

+h3 {
+  color: var(--on-surface);
+}
+
+p {
+  color: var(--on-surface);
+}
+
+.delete {
+  background-color: var(--red);
+  color: var(--on-secondary);
+}
+
+.abort {
+  background-color: var(--secondary);
+  color: var(--on-secondary);
+}

src/app/components/shared/footer/footer.component.ts

@@ -20,7 +20,7 @@ export class FooterComponent implements OnInit {
   blogUrl = 'https://arsnova.thm.de/blog/';
   dsgvoUrl = 'https://arsnova.thm.de/blog/datenschutzerklaerung/';
   imprUrl = 'https://arsnova.thm.de/blog/impressum/';
-  demoId = '33602981';
+  demoId = '78844652';
 
   room: Room;
   user: User;

src/app/components/shared/login/login.component.scss

 .pwReset {
   padding-left: 0;
-  color: var(--primary);
+  color: var(--secondary);
 }
 
 .regButton {
   margin-top: 20px;
   padding: 0;
-  color: var(--primary);
+  color: var(--secondary);
 }
 
 .loginButton {
@@ -17,6 +17,7 @@
 p {
   font-size: small;
   margin: 30px 5px 0 30px;
+  color: var(--on-surface);
 }
 
 input:-webkit-autofill {