diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4eae2af..81e0359 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,9 @@
 <div class="app-frame">
   <mat-toolbar>
     <app-logo></app-logo>
+    <button mat-icon-button class="theme-button" (click)="theme.themeType == ThemeType.Light ? setTheme(ThemeType.Dark) : setTheme(ThemeType.Light)">
+      <mat-icon [fontIcon]="theme.themeType == ThemeType.Light ? 'brightness_5' : 'dark_mode'"></mat-icon>
+    </button>
   </mat-toolbar>
   <div class="content">
     <app-sidebar [ngClass]="theme.themeType"></app-sidebar>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 90e9b72..d79dd0e 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -27,4 +27,8 @@ app-sidebar {
   display: block;
   height: calc(100vh - 64px);
   width: 325px;
+}
+
+button.theme-button {
+  margin-left: auto;
 }
\ No newline at end of file
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 2736cf6..86e41da 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -10,6 +10,7 @@ import { OverlayContainer } from "@angular/cdk/overlay";
 })
 export class AppComponent implements OnInit {
   @HostBinding('class') componentCssClass = ThemeType.Dark;
+  ThemeType = ThemeType;
 
   constructor(public overlayContainer : OverlayContainer,
               public theme: ThemeService) {}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 748f1fd..874a11d 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -15,6 +15,7 @@ import { MatFormFieldModule } from "@angular/material/form-field";
 import { MatInputModule } from '@angular/material/input';
 import { MatIconModule } from '@angular/material/icon';
 import { MatSliderModule } from '@angular/material/slider';
+import { MatButtonModule } from "@angular/material/button";
 
 @NgModule({
   declarations: [
@@ -32,6 +33,7 @@ import { MatSliderModule } from '@angular/material/slider';
     MatInputModule,
     MatIconModule,
     MatSliderModule,
+    MatButtonModule,
   ],
   providers: [],
   bootstrap: [AppComponent],