This works, of course the default value of --tabs-border-color needs to be transparent (unlike now): ``` diff --git a/browser/themes/shared/tabs.inc.css b/browser/themes/shared/tabs.inc.css --- a/browser/themes/shared/tabs.inc.css +++ b/browser/themes/shared/tabs.inc.css @@ -699,6 +699,7 @@ .tab-background { border-radius: var(--proton-tab-radius); margin-block: var(--proton-tab-block-margin); + border: 1px solid transparent; } :root[sizemode=maximized] .tabbrowser-tab { @@ -712,6 +713,10 @@ .tabbrowser-tab[visuallyselected=true]:hover > .tab-stack > .tab-background { box-shadow: 0px 2px var(--proton-shadow-blur-radius) rgba(58, 57, 68, 0.2); } + +.tabbrowser-tab[visuallyselected=true]:-moz-lwtheme > .tab-stack > .tab-background { + border-color: var(--tabs-border-color, rgba(255,255,255,0.3)); +} } /*** END proton ***/ %ifdef MENUBAR_CAN_AUTOHIDE ```
Bug 1697448 Comment 3 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
This works, of course the default value of --tabs-border-color needs to be transparent (unlike now): ``` diff --git a/browser/themes/shared/tabs.inc.css b/browser/themes/shared/tabs.inc.css --- a/browser/themes/shared/tabs.inc.css +++ b/browser/themes/shared/tabs.inc.css @@ -699,6 +699,7 @@ .tab-background { border-radius: var(--proton-tab-radius); margin-block: var(--proton-tab-block-margin); + border: 1px solid transparent; } :root[sizemode=maximized] .tabbrowser-tab { @@ -712,6 +713,10 @@ .tabbrowser-tab[visuallyselected=true]:hover > .tab-stack > .tab-background { box-shadow: 0px 2px var(--proton-shadow-blur-radius) rgba(58, 57, 68, 0.2); } + +.tabbrowser-tab[visuallyselected=true]:-moz-lwtheme > .tab-stack > .tab-background { + border-color: var(--tabs-border-color, rgba(255,255,255,0.3)); +} } /*** END proton ***/ %ifdef MENUBAR_CAN_AUTOHIDE ``` It's far from ideal when you try it though.