Background transparency #238

Levminer · Dec 4, 2024 · d05f92c · d05f92c
1 parent ac7a60a
commit d05f92c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 11 deletions.
diff --git a/core/tauri.conf.json b/core/tauri.conf.json
@@ -56,7 +56,11 @@
 				"visible": false,
 				"theme": "Dark",
 				"contentProtected": true,
-				"useHttpsScheme": true
+				"useHttpsScheme": true,
+				"transparent": true,
+				"windowEffects": {
+					"effects": ["mica"]
+				}
 			}
 		],
 		"security": {

diff --git a/interface/layout/app.ts b/interface/layout/app.ts
@@ -25,20 +25,20 @@ export default app
 
 // Set background color if vibrancy not supported
 const setBackground = async () => {
-	const system = os.type().toString()
+	const system = os.type()
 	const build = os.version().toString()
 
-	if (system === "Windows_NT" && build < "10.0.22000") {
-		document.querySelector("body").style.background = "black"
+	if (system !== "windows") {
+		document.querySelector("body").style.background = "#0a0a0a"
 	}
 
-	if (system === "Linux") {
-		document.querySelector("body").style.background = "black"
+	if (system === "windows" && build < "10.0.22000") {
+		document.querySelector("body").style.background = "#0a0a0a"
 	}
 }
 
-// TODO transparency
-// setBackground()
+// transparency
+setBackground()
 
 // Tray navigate to codes handler
 event.listen("openCodes", (data: any) => {

diff --git a/interface/styles/index.css b/interface/styles/index.css
@@ -43,7 +43,7 @@ html {
 
 	/* code element */
 	.code {
-		@apply transparent-800 w-full flex-grow rounded-xl p-4 small:w-1/3 max-w-2xl;
+		@apply transparent-800 w-full max-w-2xl flex-grow rounded-xl p-4 small:w-1/3;
 	}
 
 	.dialog {
@@ -71,8 +71,8 @@ body {
 	display: flex;
 	flex-direction: column;
 	min-height: 100vh;
-	background-color: rgb(10, 10, 10);
-	/* background: url("../../images/mica.png"); */
+	/* background-color: rgb(10, 10, 10); */
+	background: transparent;
 	line-height: normal;
 	font-family: system-ui, Arial;
 	user-select: none;