From ed98d0ce495a54f8ecf3654d89cdab6947abf6be Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 7 Dec 2024 02:06:15 +0200
Subject: [PATCH] feat(mica): apply to vertical layout as well

---
 src/public/stylesheets/theme-next.css | 3 ++-
 src/services/window.ts                | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 9a00a5b27..2c23997c2 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -426,7 +426,8 @@ body.background-effects #launcher-pane .launcher-button {
     background-color: transparent;
 }
 
-body.background-effects #horizontal-main-container {
+body.layout-vertical #rest-pane,
+body.layout-horizontal.background-effects #horizontal-main-container {
     background-color: var(--root-background);
 }
 /* #endregion */
diff --git a/src/services/window.ts b/src/services/window.ts
index a7cf1ff5a..142ea3cd3 100644
--- a/src/services/window.ts
+++ b/src/services/window.ts
@@ -133,7 +133,8 @@ function getWindowExtraOpts() {
 
     // Window effects (Mica)
     // TODO: Apply only on Windows and allow the user to choose whether to activate it or not.
-    extraOpts.backgroundMaterial = "tabbed";
+    const isHorizontalLayout = (optionService.getOption("layoutOrientation") === "horizontal");
+    extraOpts.backgroundMaterial = isHorizontalLayout ? "tabbed" : "mica";
 
     return extraOpts;
 }