From 3bf3ea7cbd073f9041237d7efe71014475c4f46d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 8 Nov 2021 09:10:12 +0900 Subject: [PATCH] Fix: Selected Tab - Linux light system default theme's border #259 --- userChrome.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 2528b33..8708d43 100644 --- a/userChrome.css +++ b/userChrome.css @@ -186,7 +186,7 @@ } } - /*= Linux- Global Menubar Active Color =====================================*/ + /*= Linux - Global Menubar Active Color ====================================*/ @media (-moz-gtk-csd-available) { #main-menubar > menu[open="true"], #main-menubar > menu[_moz-menuactive="true"] { @@ -195,6 +195,24 @@ } } + /*= Linux - Light System Default Theme's Selected Tab ======================*/ + @media (-moz-gtk-csd-available) and (-moz-toolbar-prefers-color-scheme: light), + (-moz-gtk-csd-available) and (prefers-color-scheme: light) { + /* Because of + #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background { + border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); + box-shadow: 0 0 4px rgba(128,128,142,0.5); + } + */ + #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { + box-shadow: 0 0 4px rgba(128,128,142,0.5) !important; + } + #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { + box-shadow: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), + 0 0 4px rgba(128,128,142,0.5) !important; + } + } + /** System Default Theme ****************************************************/ /*= Common - URL Bar focus color ===========================================*/ @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) {