diff --git a/src/app/app.component.html b/src/app/app.component.html
index 8f5491e..2e44c1d 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -5,6 +5,7 @@
         <i class="fa fa-cog fa-2x"></i>
       </a>
       <ul ngbDropdownMenu>
+          <!--
         <li class=" header-title">Sidebar Background</li>
         <li class=" adjustments-line">
           <a class=" switch-trigger background-color" href="javascript:void(0)">
@@ -26,6 +27,7 @@
             <div class=" clearfix"></div>
           </a>
         </li>
+        -->
         <li class=" adjustments-line text-center color-change">
           <span class=" color-label"> LIGHT MODE </span>
           <span class=" badge light-badge mr-2" (click)="changeDashboardColor('white-content')"> </span>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 3c119c7..6efd665 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -6,6 +6,7 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
+  /*
   changeSidebarColor(color){
     var sidebar = document.getElementsByClassName('sidebar')[0];
     var mainPanel = document.getElementsByClassName('main-panel')[0];
@@ -19,6 +20,7 @@ export class AppComponent {
         mainPanel.setAttribute('data',color);
     }
   }
+  */
   changeDashboardColor(color){
     var body = document.getElementsByTagName('body')[0];
     if (body && color === 'white-content') {
@@ -29,6 +31,7 @@ export class AppComponent {
     }
   }
   // function that adds color white/transparent to the navbar on resize (this is for the collapse)
+  /*
    updateColor = () => {
    var navbar = document.getElementsByClassName('navbar')[0];
      if (window.innerWidth < 993 && !this.isCollapsed) {
@@ -39,4 +42,5 @@ export class AppComponent {
        navbar.classList.add('navbar-transparent');
      }
    };
+   */
 }