Aded darktheme for side menu

web/darktheme.css

@@ -136,7 +136,19 @@ body.darkTheme .ui.toggle.checkbox input:checked ~ label::before{
     background-color: var(--theme_highlight) !important;
 }
 
+#sidemenuBtn{
+    border: 1px solid var(--button_border_color) !important;
+}
 
+.toolbar{
+    background-color: var(--theme_bg) !important;
+    color: var(--text_color) !important;
+    border: 1px solid var(--divider_color) !important;
+}
+
+.toobar #mainmenu a.item:hover{
+    background-color: var(--theme_highlight) !important;
+}
 
 body.darkTheme .ui.segment:not(.basic) {
     background-color: var(--theme_bg) !important;

web/index.html

@@ -26,7 +26,7 @@
             </div>
 
             <div class="ui right floated buttons menutoggle" style="padding-top: 2px;">
-                <button class="ui basic icon button" onclick="$('.toolbar').fadeToggle('fast');"><i class="content icon"></i></button>
+                <button id="sidemenuBtn" class="ui basic icon button" onclick="$('.toolbar').fadeToggle('fast');"><i class="content icon"></i></button>
             </div>
             <div class="ui right floated buttons" style="padding-top: 2px; padding-right: 0.4em;">
                 <button class="ui basic white icon button" onclick="logout();"><i class="sign-out icon"></i></button>