Fix theme service

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

@@ -18,7 +18,7 @@ import { ThemeService } from '../../../../theme/theme.service';
 })
 export class HeaderComponent implements OnInit {
   user: User;
-  themeClass = localStorage.getItem('classNameOfTheme');
+  themeClass = localStorage.getItem('theme');
 
   constructor(public location: Location,
               private authenticationService: AuthenticationService,
@@ -67,11 +67,10 @@ export class HeaderComponent implements OnInit {
 
   changeTheme(theme) {
     this.themeClass = theme;
-    localStorage.setItem('classNameOfTheme', theme);
     if (theme === '') {
-      this.themeService.setActiveThem('arsnovaTheme');
+      this.themeService.activate('arsnovaTheme');
     } else {
-      this.themeService.setActiveThem(theme);
+      this.themeService.activate(theme);
     }
   }
 

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

@@ -106,8 +106,10 @@ export class LoginComponent implements OnInit, OnChanges {
       this.dialog.closeAll();
       if (this.isStandard) {
         if (this.role === UserRole.CREATOR) {
+          const theme = 'dark';
           this.router.navigate(['creator']);
-          this.themeService.setActiveThem('dark');
+          this.themeService.activate(theme);
+          localStorage.setItem('theme', theme);
         } else {
           this.router.navigate(['participant']);
         }

src/theme/theme.directive.ts

@@ -21,7 +21,7 @@ export class ThemeDirective implements OnInit, OnDestroy {
 
   ngOnInit() {
     this.updateTheme(this.themeName);
-    this.themService.getActiveTheme()
+    this.themService.getTheme()
       .subscribe(themeName => {
         this.themeName = themeName;
         this.updateTheme(this.themeName);

src/theme/theme.service.ts

@@ -5,16 +5,17 @@ import { BehaviorSubject } from 'rxjs';
   providedIn: 'root'
 })
 export class ThemeService {
-  themeName = localStorage.getItem('classNameOfTheme');
+  themeName = localStorage.getItem('theme');
   private activeThem = new BehaviorSubject(this.themeName);
 
   constructor() { }
 
-  public getActiveTheme() {
+  public getTheme() {
     return this.activeThem.asObservable();
   }
 
-  public setActiveThem(name) {
+  public activate(name) {
     this.activeThem.next(name);
+    localStorage.setItem('theme', name);
   }
 }