Update styles to use --lwt-tab-line-color variable

This commit is contained in:
MrOtherGuy 2022-01-12 15:16:47 +02:00
parent ec17a82ede
commit 19fa8eb39d
3 changed files with 9 additions and 5 deletions

View file

@ -39,6 +39,6 @@ See the above repository for updates as well as full license text. */
--lwt-sidebar-text-color: yellow !important;
}
/* Line above tabs */
#tabbrowser-tabs{ --tab-line-color: white !important; }
#tabbrowser-tabs{ --lwt-tab-line-color: white !important; }
/* the header-area of sidebar needs this to work */
#sidebar-box{ --sidebar-background-color: purple !important; }

View file

@ -14,7 +14,7 @@ See the above repository for updates as well as full license text. */
}
/* Uncomment next line to force specific color for tab top line */
/* #tabbrowser-tabs{ --tab-line-color: blue !important; } */
/* #tabbrowser-tabs{ --lwt-tab-line-color: blue !important; } */
/* These next two rules set a color for border around tabs and between tabs & navigation toolbars. Set to transparent to remove the border.*/
#nav-bar{
@ -23,6 +23,7 @@ See the above repository for updates as well as full license text. */
}
.tab-background[selected]{
border-inline: 1px solid color-mix(in srgb, currentcolor 30%, transparent) !important;
border-bottom-color: transparent !important;
}
#TabsToolbar{
@ -32,7 +33,7 @@ See the above repository for updates as well as full license text. */
#navigator-toolbox:not([movingtab]):-moz-lwtheme > #titlebar > #TabsToolbar{
--toolbar-bgcolor: transparent;
}
#TabsToolbar:not(:-moz-lwtheme){ --tab-line-color: transparent; }
.tab-background[selected]:not(:-moz-lwtheme){ background: var(--toolbar-bgcolor) !important; }
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,
@ -83,7 +84,7 @@ See the above repository for updates as well as full license text. */
}
.tab-stack > .tab-background[selected]::before{
background-color: highlight;
background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color));
background-image: linear-gradient(var(--lwt-tab-line-color),var(--lwt-tab-line-color));
}
/* Photon-like tab on hover animation for the top line */
@keyframes tab-onhover-line-anim{ from{ margin-inline: 20px } to { margin-inline: 0 } }

View file

@ -35,7 +35,10 @@ menupopup{ -moz-appearance: none !important; overflow: -moz-hidden-unscrollable
#nav-bar{ box-shadow: none !important; margin-top: 3px }
.tab-line{ display: none }
.tab-background[selected]{ border-top-width: 2px !important; border-top-color: var(--tab-line-color) !important; }
.tab-background[selected]{
border-top-width: 2px !important;
border-top-color: var(--lwt-tab-line-color) !important;
}
.tabbrowser-tab[selected]{ z-index: auto !important; }
.urlbar-icon,