style/right panel: add translucent background when background effects are active

This commit is contained in:
Adorian Doran 2025-10-29 00:20:50 +02:00
parent 38a1cd0d35
commit 98b8e97fd9
3 changed files with 4 additions and 3 deletions

View File

@ -211,6 +211,7 @@
--floating-button-hide-button-background: #00000029;
--floating-button-hide-button-color: #ffffff63;
--right-pane-background-color: var(--main-background-color);
--right-pane-item-hover-background: #ffffff26;
--right-pane-item-hover-color: white;

View File

@ -210,6 +210,7 @@
--new-tab-button-hover-background: white;
--new-tab-button-hover-color: black;
--right-pane-background-color: var(--main-background-color);
--right-pane-item-hover-background: #ececec;
--right-pane-item-hover-color: inherit;

View File

@ -44,6 +44,7 @@ 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 {
@ -1195,8 +1196,6 @@ body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .
/* will-change: opacity; -- causes some weird artifacts to the note menu in split view */
}
/*
* Ribbon & note header
*/
@ -1722,7 +1721,7 @@ div.find-replace-widget div.find-widget-found-wrapper > span {
*/
#right-pane {
background: var(--main-background-color);
background: var(--right-pane-background-color);
}
#right-pane div.card-header {