From d8d87fc3448e972bd9f55809e37ddd2f65c87fe9 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 26 May 2021 11:11:43 +0900 Subject: [PATCH] Add: Selected Tab - multiselected box shadow at darkmode --- userChrome.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 7e67bd8..1559be8 100644 --- a/userChrome.css +++ b/userChrome.css @@ -166,10 +166,14 @@ } /** Selected Tab - Box Shadow ***********************************************/ - #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], - [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { + #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background:-moz-lwtheme { + /* Origina: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)) + Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ box-shadow: 0 0 1px var(--toolbar-color) !important; } + #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab[multiselected]:not([visuallyselected]) > .tab-stack > .tab-background:-moz-lwtheme { + box-shadow: 0 0 1px color-mix(in srgb, var(--toolbar-color) 80%, transparent) !important; + } /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */ #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {