From 4fe39445857f5cbc8bc022afbf64e41b035dd10d Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 29 Oct 2025 00:34:20 +0200 Subject: [PATCH] style/right panel: use own background color when background effects are active --- apps/client/src/stylesheets/theme-next-dark.css | 1 + apps/client/src/stylesheets/theme-next-light.css | 1 + apps/client/src/stylesheets/theme-next/shell.css | 2 +- 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index 12878cf67..a43cc8a92 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -212,6 +212,7 @@ --floating-button-hide-button-color: #ffffff63; --right-pane-background-color: var(--main-background-color); + --right-pane-background-color-bgfx: #0c0c0c24; /* Only for the vertical layout */ --right-pane-item-hover-background: #ffffff26; --right-pane-item-hover-color: white; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index c7c03b664..8a083ae6d 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -211,6 +211,7 @@ --new-tab-button-hover-color: black; --right-pane-background-color: var(--main-background-color); + --right-pane-background-color-bgfx: var(--center-pane-vert-layout-background-color-bgfx); /* Only for the vertical layout */ --right-pane-item-hover-background: #ececec; --right-pane-item-hover-color: inherit; diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index b4cc36b48..cf02b6588 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -44,12 +44,12 @@ body.background-effects.platform-win32 { --new-tab-button-background: var(--window-background-color-bgfx); --active-tab-background-color: var(--launcher-pane-horiz-background-color); --root-background: transparent; - --right-pane-background-color: var(--center-pane-vert-layout-background-color-bgfx); } body.background-effects.platform-win32.layout-vertical { --left-pane-background-color: var(--window-background-color-bgfx); --center-pane-background-color-bgfx: var(--center-pane-vert-layout-background-color-bgfx); + --right-pane-background-color: var(--right-pane-background-color-bgfx); --background-material: mica; }