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

```
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.

Back to Bug 1697448 Comment 3