diff --git a/css/leptonChrome.css b/css/leptonChrome.css index c0b5b94..fa69947 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -2360,6 +2360,14 @@ } } } +@supports -moz-bool-pref("userChrome.theme.transparent.panel") { + panel[type="arrow"] { + --panel-background: transparent !important; + } + panelview { + background: color-mix(in srgb, var(--arrowpanel-background) 90%, transparent) !important; + } +} /*= Proton Theme Mode ========================================================*/ @supports -moz-bool-pref("userChrome.theme.proton_chrome") { /*= Proton Commons ===========================================================*/ diff --git a/src/theme/_index.scss b/src/theme/_index.scss index 2441bb3..c77bd34 100644 --- a/src/theme/_index.scss +++ b/src/theme/_index.scss @@ -41,6 +41,9 @@ @include Option("userChrome.theme.transparent.menu") { @import "transparent/menu"; } +@include Option("userChrome.theme.transparent.panel") { + @import "transparent/panel"; +} /*= Proton Theme Mode ========================================================*/ @include Option("userChrome.theme.proton_chrome") { diff --git a/user.js b/user.js index e59f1d4..91ce2d6 100644 --- a/user.js +++ b/user.js @@ -73,6 +73,7 @@ user_pref("userChrome.rounding.square_tab", false); // user_pref("userChrome.theme.monospace", true); // user_pref("userChrome.theme.transparent.frame", true); // user_pref("userChrome.theme.transparent.menu", true); +// user_pref("userChrome.theme.transparent.panel", true); // user_pref("userChrome.theme.non_native_menu", true); // only for linux // user_pref("userChrome.compatibility.os.win11", true);