From 9ad96bb6f3efde62ba28417af8b99f50d4dc50e3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 11 Oct 2021 17:44:40 +0300 Subject: [PATCH] Set multiselected tabs to have tab hover background color. Fixes #150 --- chrome/non_floating_sharp_tabs.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/chrome/non_floating_sharp_tabs.css b/chrome/non_floating_sharp_tabs.css index bd0cb57..dba9b7f 100644 --- a/chrome/non_floating_sharp_tabs.css +++ b/chrome/non_floating_sharp_tabs.css @@ -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{ @@ -89,4 +91,4 @@ See the above repository for updates as well as full license text. */ .tabbrowser-tab:is([pinned],[selected]) > .tab-stack > .tab-background::before{ animation: none } /* moves context-line to the bottom */ -.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; } \ No newline at end of file +.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; }