diff --git a/css/sideMenu.css b/css/sideMenu.css
index fb3c607..247521c 100644
--- a/css/sideMenu.css
+++ b/css/sideMenu.css
@@ -26,9 +26,9 @@
     height: 100vh;
     width: 100%;
     max-width: 250px;
-    background: #333;
+    background: var(--side-menu-background-color, #333);
     z-index: 3000;
-    color: #fff;
+    color: var(--side-menu-text-color, #fff);
     box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
     display: none;
 }
@@ -63,7 +63,7 @@
 
 .side-menu-app a {
     line-height: 30px;
-    color: #fff;
+    color: var(--side-menu-text-color, #fff);
     display: block;
     padding: 7px 0 7px 15px;
     overflow: hidden;
@@ -72,7 +72,7 @@
 }
 
 .side-menu-app a:hover, .side-menu-app.is-active a {
-    background: #444;
+    background: var(--side-menu-current-app-background-color, #444);
 }
 
 .side-menu-logo {
@@ -87,7 +87,7 @@
     height: 150px;
     z-index: 2300;
     max-width: 250px;
-    background: #333;
+    background: var(--side-menu-background-color, #333);
     position: fixed;
     padding-top: 2px;
     top: 0;