diff --git a/src/renderer/less/directives.less b/src/renderer/less/directives.less
index 15dfc561..1db7942a 100644
--- a/src/renderer/less/directives.less
+++ b/src/renderer/less/directives.less
@@ -18,14 +18,14 @@
         flex: 1;
 
         .top-nav-group {
-          background   : @baseColor;
+          background   : #1e1e1e99;
           border       : 1px solid lighten(@baseColor, 8);
           border-radius: 12px;
           display      : flex;
           height       : 32px;
 
           .app-sidebar-item {
-            background-color: @baseColor;
+            background-color: #1e1e1e00;
             border-radius   : 10px !important;
             border          : 0px;
             min-width       : 120px;
@@ -355,4 +355,4 @@
       margin: 0px;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/renderer/style.less b/src/renderer/style.less
index b6b843a6..65df8494 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -3605,4 +3605,4 @@ body[platform='darwin'] {
 @import url("less/linux.less");
 @import url("less/compact.less");
 @import url("less/directives.less");
-@import url("less/macosemu.less");
\ No newline at end of file
+@import url("less/macosemu.less");