X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=webapp-frontend%2Fsrc%2Fapp%2Fnavigation%2Fsidenav-list%2Fsidenav-list.component.ts;h=c0f05afcadd00c399d3a5eb5ddb254a509fc7f84;hb=5594b03f1ff0e01627b4bbd9fbc7bb27529afe4c;hp=584ad07e1844af1718c3bf61e4a965feeac33500;hpb=44203c43bb16a87eb54cc97431a026e111842c97;p=portal%2Fric-dashboard.git

diff --git a/webapp-frontend/src/app/navigation/sidenav-list/sidenav-list.component.ts b/webapp-frontend/src/app/navigation/sidenav-list/sidenav-list.component.ts
index 584ad07e..c0f05afc 100644
--- a/webapp-frontend/src/app/navigation/sidenav-list/sidenav-list.component.ts
+++ b/webapp-frontend/src/app/navigation/sidenav-list/sidenav-list.component.ts
@@ -18,6 +18,7 @@
  * ========================LICENSE_END===================================
  */
 import { Component, OnInit, Output, EventEmitter } from '@angular/core';
+import { UiService } from '../../services/ui/ui.service';
 
 @Component({
   selector: 'rd-sidenav-list',
@@ -25,11 +26,16 @@ import { Component, OnInit, Output, EventEmitter } from '@angular/core';
   styleUrls: ['./sidenav-list.component.scss']
 })
 export class SidenavListComponent implements OnInit {
+  darkMode: boolean;
   @Output() sidenavClose = new EventEmitter();
 
-  constructor() { }
+  constructor(public ui: UiService) { }
 
-  ngOnInit() { }
+  ngOnInit() {
+    this.ui.darkModeState.subscribe((isDark) => {
+      this.darkMode = isDark;
+    });
+  }
 
   public onSidenavClose = () => {
     this.sidenavClose.emit();