Set multiselected tabs to have tab hover background color. Fixes #150

This commit is contained in:
MrOtherGuy 2021-10-11 17:44:40 +03:00
parent 33a655de9e
commit 9ad96bb6f3

View file

@ -1,9 +1,9 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/non_floating_sharp_tabs.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* This style makes tabs and related items non-rounded and connects tabs to toolbars like in previous Firefox versions. */
/* It's not strictly a requirement, but this style expects compact_proton.css to be loaded before it. */
/* This style makes tabs and related items non-rounded and connects tabs to toolbars like in previous Firefox versions.
* You should set layout.css.color-mix.enabled to true in about:config to make colors apply properly.
* It's not strictly a requirement, but this style expects compact_proton.css to be loaded before it. */
:root[id]{
--proton-tab-block-margin: 0px !important;
@ -66,6 +66,8 @@ See the above repository for updates as well as full license text. */
box-shadow: none !important;
}
.tab-background:not([selected])[multiselected]{ background: color-mix(in srgb, currentColor 11%, transparent) !important; }
/* Line to mark selected tab */
.tab-background[selected]::before,
.tabbrowser-tab:hover > stack > .tab-background::before{