diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html
index 75e17bba205f3b53ef1aabb229e44b79cbec0f2f..a283efc5d4786416fd78a054930efa08fcc6a8c6 100644
--- a/src/app/components/shared/header/header.component.html
+++ b/src/app/components/shared/header/header.component.html
@@ -9,17 +9,15 @@
     <mat-menu class="color-menu" #themeMenu="matMenu" [overlapTrigger]="false">
       <mat-grid-list cols="2">
         <mat-grid-tile>
-          <button mat-icon-button class="default color-button" (click)="changeTheme('arsnova')">
-            <mat-icon class="color-icon">
-              lens
-              <mat-icon *ngIf="themeClass === 'arsnova'" class="check">check_circle</mat-icon>
-            </mat-icon>
+          <button mat-icon-button class="dark color-button" (click)="changeTheme('dark')">
+            <mat-icon class="color-icon">lens</mat-icon>
+            <mat-icon *ngIf="themeClass === 'dark'" class="check">check_circle</mat-icon>
           </button>
         </mat-grid-tile>
         <mat-grid-tile>
-          <button mat-icon-button class="dark color-button" (click)="changeTheme('dark')">
+          <button mat-icon-button class="default color-button" (click)="changeTheme('arsnova')">
             <mat-icon class="color-icon">lens</mat-icon>
-            <mat-icon *ngIf="themeClass === 'dark'" class="check">check_circle</mat-icon>
+            <mat-icon *ngIf="themeClass === 'arsnova'" class="check">check_circle</mat-icon>
           </button>
         </mat-grid-tile>
         <mat-grid-tile>
diff --git a/src/theme/dark-theme/darkTheme.const.ts b/src/theme/dark-theme/darkTheme.const.ts
index 192c876839cf4c368917b2e3784d177bb2e54a5e..e4f182d9eb387ad56bdbc1b86749127031e75253 100644
--- a/src/theme/dark-theme/darkTheme.const.ts
+++ b/src/theme/dark-theme/darkTheme.const.ts
@@ -20,7 +20,7 @@ export const dark = {
   '--yellow': '#FFD54F',
   '--blue': '#3f51b5',
   '--purple': '#9c27b0',
-  '--mint': '#80ba24',
+  '--light-green': '#80ba24',
   '--grey': '#BDBDBD',
   '--grey-light': '#9E9E9E',
   '--black': '#212121'
diff --git a/src/theme/theme.directive.ts b/src/theme/theme.directive.ts
index e9903558f33afc5c034b322a09e7294b94eb22de..40d08c6e9faecb15ffb2e396a8e1cf3b9813e3ca 100644
--- a/src/theme/theme.directive.ts
+++ b/src/theme/theme.directive.ts
@@ -10,7 +10,7 @@ import { Subscription } from 'rxjs';
 
 export class ThemeDirective implements OnInit, OnDestroy {
 
-  private themeName = 'arsnova';
+  private themeName = 'dark';
   private themServiceSubscription: Subscription;
 
   constructor(private elementRef: ElementRef,