diff --git a/src/renderer/less/appvars.less b/src/renderer/less/appvars.less
index 6c08e323..06ccb735 100644
--- a/src/renderer/less/appvars.less
+++ b/src/renderer/less/appvars.less
@@ -17,4 +17,5 @@
     --ciderColor: @ciderColor;
     --appOpacity: @appOpacity;
     --transparencyRate: @transparencyRate;
+    --macOSChromeColor: rgb(14 14 14 / 32%);
 }
\ No newline at end of file
diff --git a/src/renderer/less/macos.less b/src/renderer/less/macos.less
index 9a9eca45..80ae65c8 100644
--- a/src/renderer/less/macos.less
+++ b/src/renderer/less/macos.less
@@ -15,7 +15,7 @@ body[platform="darwin"] {
         }
 
         .app-chrome {
-            background-color: rgb(14 14 14 / 60%);
+            background-color: var(--macOSChromeColor);
         }
 
         &.twopanel {
@@ -30,7 +30,7 @@ body[platform="darwin"] {
             }
 
             .app-chrome.chrome-bottom {
-                background-color: rgb(14 14 14 / 60%);
+                background-color: var(--macOSChromeColor);
             }
         }
     }