making transparent window work

catdad · Apr 27, 2024 · dff95eb · dff95eb
1 parent e3c1679
commit dff95eb
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/main.js b/main.js
@@ -70,6 +70,8 @@ function getLocationOnExistingScreen() {
     },
     frame: process.platform === 'darwin' ? true : false,
     titleBarStyle: process.platform === 'darwin' ? 'hidden' : undefined,
+    transparent: true,
+    backgroundColor: '#000000ff',
     icon
   };
 

diff --git a/renderer/Frame/Frame.css b/renderer/Frame/Frame.css
@@ -2,6 +2,7 @@
   -webkit-app-region: drag;
   height: var(--frame-height);
   display: flex;
+  background-color: var(--color-background);
 }
 
 .frame .frame-title {

diff --git a/renderer/base.css b/renderer/base.css
@@ -21,13 +21,23 @@ html, body {
   margin: 0;
   padding: 0;
 
-  background-color: var(--color-background);
+  background: transparent;
   color: var(--color-text);
   font-size: var(--font-size);
   font-family: var(--font-family);
   min-height: 100%;
 }
 
+#app {
+  /* makes border-radius work */
+  transform: translateZ(0);
+  border-radius: 8px;
+  overflow: hidden;
+
+  /* box-shadow: inset 0 0 0 1px var(--color-background); */
+  background-color: var(--color-background);
+}
+
 * {
   box-sizing: border-box;
 }