I tried the userChrome.css generator on your webpage. The script is very powerful. On my updated 102.6.0esr (64-bit) with proton theme, the tab almost looked exactly the same as FF v78 ESR. Thank you very much!
There is only one minor problem:
You see, there is a blue line beneath the active tab, but it makes not not truly connected to the toolbar.
I suspect that's because the background image of the the proton theme is blue and the tab size is one pixel short to cover it.
This may be nitpicking. But is there a simple way to cover this blue line?
The code snippet:
/ 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations /
.tab-background:is([selected], [multiselected]):-moz-lwtheme {
--lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important;
border-bottom-color: transparent !important;
}
[brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme {
--lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important;
border-bottom-color: transparent !important;
}
/ Container color bar visibility /
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
}
/ Make sure tab attention dot isn't too high - 10 Dec 2022 /
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]),
Hi jscher2000,
I tried the userChrome.css generator on your webpage. The script is very powerful. On my updated 102.6.0esr (64-bit) with proton theme, the tab almost looked exactly the same as FF v78 ESR. Thank you very much!
There is only one minor problem:
You see, there is a blue line beneath the active tab, but it makes not not truly connected to the toolbar.
I suspect that's because the background image of the the proton theme is blue and the tab size is one pixel short to cover it. This may be nitpicking. But is there a simple way to cover this blue line?
The code snippet:
I guess one just need to change the height of the tab or something similar. But I need your help to modify the code. Thanks again.