X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=dashboard%2Fwebapp-frontend%2Fsrc%2Fapp%2Frd.component.html;h=c624bf13dedb9c57ef05ed3f29c121df73b2efe4;hb=57a8eb231f55cbd4ada4f1b0fc87ae3f6ba77fa0;hp=61e0b458d9555be95c0de6acc2d647ff7eeda203;hpb=64a5e9470799236f0af4ce2df98f77c94eb1bed3;p=portal%2Fric-dashboard.git

diff --git a/dashboard/webapp-frontend/src/app/rd.component.html b/dashboard/webapp-frontend/src/app/rd.component.html
index 61e0b458..c624bf13 100644
--- a/dashboard/webapp-frontend/src/app/rd.component.html
+++ b/dashboard/webapp-frontend/src/app/rd.component.html
@@ -62,15 +62,21 @@
         <a mat-list-item (click)="openInstanceSelectorDialog(); drawer.toggle()">
           <mat-icon>link</mat-icon> <span class="nav-caption">{{selectedInstanceName}}</span>
         </a>
+        <a mat-list-item>
+          <mat-icon>palette</mat-icon>
+          <div class="nav-caption">
+            <mat-slide-toggle (click)="modeToggleSwitch()">
+              Dark Mode
+            </mat-slide-toggle>
+          </div>
+        </a>
       </mat-nav-list>
     </section>
   </mat-drawer>
 
   <mat-drawer-content>
     <div class="root__container">
-
       <header [ngClass]="{'main__header-dark': darkModeActive}" class="main__header">
-
         <div class="left__section3Col" *ngIf="!drawer.opened">
           <svg (click)="drawer.toggle()" class="hamburger__icon" id="Menu_Burger_Icon" data-name="Menu Burger Icon"
                viewBox="31.5 30 49.9 32">
@@ -92,21 +98,7 @@
               <tspan x="0" y="0">RIC Dashboard</tspan>
             </text>
           </svg>
-
         </div>
-
-        <div>    </div>
-
-        <div class="mode-toggle__container">
-          <span class="mode-toggle__text">Light</span>
-          <label class="toggle-button__container">
-            <input (click)="modeToggleSwitch()" type="checkbox" class="mode-toggle__input" />
-            <span [ngClass]="{'mode-toggle__bg-checked': darkModeActive}" class="mode-toggle__bg"></span>
-            <span [ngClass]="{'mode-toggle__circle-checked': darkModeActive}" class="mode-toggle__circle"></span>
-          </label>
-          <span class="mode-toggle__text">Dark</span>
-        </div>
-
       </header>
 
       <!-- Main Content -->