tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add fallback for --lwt-accent-color

Browse Source
This commit is contained in:
MrOtherGuy
2025-07-25 12:28:23 +03:00
parent f1da322d1d
commit cb6e193ff8
9 changed files with 13 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
chrome/tabs_animated_gradient_border.css
View File

@@ -45,7 +45,7 @@ scrollbox[orient="horizontal"] > slot::after,
display: flex;
flex-grow: 1 !important;
position: relative;
background-color: var(--lwt-accent-color);
background-color: var(--lwt-accent-color,var(--toolbox-bgcolor));
margin-bottom: 1px;
}
@@ -57,7 +57,7 @@ scrollbox[orient="horizontal"] > slot::after,
#scrollbutton-up,
#scrollbutton-down,
#tabbrowser-tabs ~ toolbarbutton{
background-color: var(--lwt-accent-color) !important;
background-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) !important;
margin-bottom: 1px !important;
opacity: 1 !important;
position: relative;
@@ -65,7 +65,7 @@ scrollbox[orient="horizontal"] > slot::after,
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected]),
.tab-background[multiselected]:not([selected]){
background-image: linear-gradient(color-mix(in srgb, currentColor 11%, transparent),color-mix(in srgb, currentColor 11%, transparent)) !important;
background-color: var(--lwt-accent-color) !important;
background-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) !important;
}
.tabbrowser-tab:not([selected]){ min-height: calc(var(--tab-min-height) - 1px) !important; }
@@ -79,10 +79,7 @@ vbox.tab-background[selected]{
background-clip: padding-box;
outline: none !important;
}
/* This is to override min-height set in non_floating_sharp_tabs.css */
:root[uidensity="compact"] #tabbrowser-tabs[positionpinnedtabs] .tabbrowser-tab[pinned]{
min-height: calc(var(--tab-min-height) -1px) !important;
}
/* remove selected tab line which isn't very useful with this style */
.tab-background[selected]::before{
display: none !important;