Add optional section to bring back tab colors & borders

This commit is contained in:
MrOtherGuy 2021-04-12 17:09:06 +03:00
parent 99c70d48ee
commit 9a845cee6e

View file

@ -9,6 +9,7 @@ See the above repository for updates as well as full license text. */
--proton-tab-block-margin:0px; --proton-tab-block-margin:0px;
--tab-min-height: 34px; --tab-min-height: 34px;
} }
#TabsToolbar{ --toolbarbutton-inner-padding: 6px !important; } #TabsToolbar{ --toolbarbutton-inner-padding: 6px !important; }
.tabbrowser-tab:hover{ --uc-tab-fill: rgba(0,0,0,.1) } .tabbrowser-tab:hover{ --uc-tab-fill: rgba(0,0,0,.1) }
@ -68,6 +69,19 @@ See the above repository for updates as well as full license text. */
/* Annoying fix to prevent hovering of last tab to trigger tab overflow, better solution wanted */ /* Annoying fix to prevent hovering of last tab to trigger tab overflow, better solution wanted */
.tabbrowser-tab[last-visible-tab]{ margin-inline-end: var(--uc-tab-curve-size) !important; } .tabbrowser-tab[last-visible-tab]{ margin-inline-end: var(--uc-tab-curve-size) !important; }
/* OPTIONAL - COLORS - show tabs border, selected tab line and make selected tab match the main toolbar color. Also disables tab shadow */
/*
#navigator-toolbox{ --tabs-border-color: color-mix(in srgb, currentcolor, transparent 80%) !important; }
#tabbrowser-tabs{ --lwt-selected-tab-background-color: var(--toolbar-bgcolor) }
.tab-background{ box-shadow: none !important; }
.tab-background[selected]::before{
content: "";
display: -moz-box;
height: 2px;
background: highlight !important;
}
*/
/* OPTIONAL - uncomment the following to flip the curves vertically - maybe useful for tabs on bottom ? */ /* OPTIONAL - uncomment the following to flip the curves vertically - maybe useful for tabs on bottom ? */
/* /*
.tab-background{ -moz-box-direction: reverse } .tab-background{ -moz-box-direction: reverse }
@ -75,4 +89,4 @@ See the above repository for updates as well as full license text. */
.tab-background[selected]{ border-radius: 0 0 var(--uc-tab-curve-size) var(--uc-tab-curve-size) !important } .tab-background[selected]{ border-radius: 0 0 var(--uc-tab-curve-size) var(--uc-tab-curve-size) !important }
.tabbrowser-tab > stack::before{ transform: scaleY(-1) !important; } .tabbrowser-tab > stack::before{ transform: scaleY(-1) !important; }
.tabbrowser-tab > stack::after{ transform: scaleY(-1) scaleX(-1) !important; } .tabbrowser-tab > stack::after{ transform: scaleY(-1) scaleX(-1) !important; }
*/ */