Added theme button in top bar.

src/app/navigation/topbar/topbar.component.html

@@ -27,4 +27,5 @@
     }
   </div>
   }
+  <theme />
 </mat-toolbar>

src/app/navigation/topbar/topbar.component.ts

@@ -9,6 +9,7 @@ import { ImpersonationComponent } from '../../auth/impersonation/impersonation.c
 import { HermesClientService } from '../../hermes-client.service';
 import EventService from '../../shared/services/EventService';
 import { Subscription } from 'rxjs';
+import { ThemeComponent } from "../../theme/theme.component";
 
 @Component({
   selector: 'topbar',
@@ -19,7 +20,8 @@ import { Subscription } from 'rxjs';
     MatButtonModule,
     MatIconModule,
     MatToolbarModule,
-  ],
+    ThemeComponent,
+],
   providers: [AuthVisitorGuard],
   templateUrl: './topbar.component.html',
   styleUrl: './topbar.component.scss'

src/app/theme/theme.component.html

@@ -1,6 +1,5 @@
 <button mat-icon-button
-        class="refresh"
         aria-label="Change theme"
         (click)="toggle()">
-  <mat-icon>refresh</mat-icon>
+  <mat-icon>{{isLightMode ? 'dark_mode' : 'light_mode'}}</mat-icon>
 </button>