macOS transparency

src/renderer/index.js

@@ -452,7 +452,7 @@ const app = new Vue({
             history.forward()
         },
         getHTMLStyle() {
-            document.querySelector("html").style.background = "#222";
+            // document.querySelector("html").style.background = "#222";
             document.querySelector("body").classList.add("notransparency")
         },
         resetState() {

src/renderer/less/macos.less

@@ -0,0 +1,17 @@
+body[platform="darwin"] {
+    html {
+        background: transparent!important;
+    }
+
+    &.notransparency::before {
+        display: none;
+    }
+    #app {
+        &.simplebg {
+            background: transparent;
+        }
+        &::before {
+            display: none;
+        }
+    }
+}

src/renderer/style.less

@@ -3110,5 +3110,6 @@ body[platform='darwin'] {
 }
 
 
+@import url("less/macos.less");
 @import url("less/linux.less");
 @import url("less/compact.less");