diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index e694e6d..97e5630 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -91,8 +91,23 @@ --uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); } -.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"], [multiselected]) { - --uc-tab-corner-bg: color-mix(in srgb, currentColor 11%, transparent) +.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) { + background-color: color-mix(in srgb, white 30%, transparent) !important; + --uc-tab-corner-bg: color-mix(in srgb, white 30%, transparent) !important; +} + +:root[lwtheme-brighttext="true"] .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) { + background-color: color-mix(in srgb, currentColor 8%, transparent) !important; + --uc-tab-corner-bg: color-mix(in srgb, currentColor 8%, transparent) !important; +} + +#tabbrowser-tabs .tab-background:is([selected], [multiselected]) { + outline: none !important; +} + +#tabbrowser-tabs .tab-background[multiselected]:not([selected]) { + box-shadow: none !important; + opacity: 0.7 !important; } #tabbrowser-tabs, @@ -164,6 +179,10 @@ margin-inline: 22px 6px !important; } +.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned]) { + margin-inline: 0px 6px !important; +} + .tab-icon-overlay[soundplaying]:not([crashed]), .tab-icon-overlay[muted]:not([crashed]), .tab-icon-overlay[activemedia-blocked]:not([crashed]) {