Add fallback for --lwt-accent-color

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
+1 -1
View File
@@ -23,7 +23,7 @@ See the above repository for updates as well as full license text. */
}*/ }*/
#toolbar-menubar{ #toolbar-menubar{
background-color: var(--lwt-accent-color) !important; background-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) !important;
position: fixed; position: fixed;
min-height: 1px !important; min-height: 1px !important;
height: unset !important; height: unset !important;
+1 -1
View File
@@ -32,7 +32,7 @@ findbar > .findbar-container,
findbar > .close-icon{ findbar > .close-icon{
border: 1px solid var(--chrome-content-separator-color); border: 1px solid var(--chrome-content-separator-color);
border-width: 0 0 1px 0px; border-width: 0 0 1px 0px;
background-color: var(--lwt-accent-color) !important; background-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) !important;
background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,none); background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,none);
pointer-events: auto; pointer-events: auto;
} }
+2 -2
View File
@@ -11,8 +11,8 @@ See the above repository for updates as well as full license text. */
#tabbrowser-arrowscrollbox{ #tabbrowser-arrowscrollbox{
--uc-compat-scrollbutton-margin: 1px; /* compatibility for non_floating_sharp_tabs.css */ --uc-compat-scrollbutton-margin: 1px; /* compatibility for non_floating_sharp_tabs.css */
--uc-scrollbutton-up-background: linear-gradient(-90deg,transparent,var(--lwt-accent-color) 35%); --uc-scrollbutton-up-background: linear-gradient(-90deg,transparent,var(--lwt-accent-color,var(--toolbox-bgcolor)) 35%);
--uc-scrollbutton-down-background: linear-gradient(90deg,transparent,var(--lwt-accent-color) 35%); --uc-scrollbutton-down-background: linear-gradient(90deg,transparent,var(--lwt-accent-color,var(--toolbox-bgcolor)) 35%);
} }
#tabbrowser-tabs:not([movingtab]){ #tabbrowser-tabs:not([movingtab]){
+1 -1
View File
@@ -53,7 +53,7 @@ Window controls will be all wrong without it
padding-right: 20px; padding-right: 20px;
} }
:root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive]) #main-menubar{ :root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive]) #main-menubar{
background-color: var(--lwt-accent-color); background-color: var(--lwt-accent-color,var(--toolbox-bgcolor));
background-image: linear-gradient(var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor),var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor)), var(--lwt-additional-images,none), var(--lwt-header-image, none); background-image: linear-gradient(var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor),var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor)), var(--lwt-additional-images,none), var(--lwt-header-image, none);
mask-image: linear-gradient(to left, transparent, black 20px); mask-image: linear-gradient(to left, transparent, black 20px);
} }
+1 -1
View File
@@ -23,7 +23,7 @@ See the above repository for updates as well as full license text. */
/* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */ /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important; max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
overflow-y:auto; overflow-y:auto;
scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor); scrollbar-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) var(--toolbar-bgcolor);
scrollbar-gutter: stable; scrollbar-gutter: stable;
scrollbar-width: thin; scrollbar-width: thin;
} }
+4 -7
View File
@@ -45,7 +45,7 @@ scrollbox[orient="horizontal"] > slot::after,
display: flex; display: flex;
flex-grow: 1 !important; flex-grow: 1 !important;
position: relative; position: relative;
background-color: var(--lwt-accent-color); background-color: var(--lwt-accent-color,var(--toolbox-bgcolor));
margin-bottom: 1px; margin-bottom: 1px;
} }
@@ -57,7 +57,7 @@ scrollbox[orient="horizontal"] > slot::after,
#scrollbutton-up, #scrollbutton-up,
#scrollbutton-down, #scrollbutton-down,
#tabbrowser-tabs ~ toolbarbutton{ #tabbrowser-tabs ~ toolbarbutton{
background-color: var(--lwt-accent-color) !important; background-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) !important;
margin-bottom: 1px !important; margin-bottom: 1px !important;
opacity: 1 !important; opacity: 1 !important;
position: relative; position: relative;
@@ -65,7 +65,7 @@ scrollbox[orient="horizontal"] > slot::after,
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected]), .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected]),
.tab-background[multiselected]: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-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; } .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; background-clip: padding-box;
outline: none !important; 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 */ /* remove selected tab line which isn't very useful with this style */
.tab-background[selected]::before{ .tab-background[selected]::before{
display: none !important; display: none !important;
+1 -1
View File
@@ -47,7 +47,7 @@ See the above repository for updates as well as full license text. */
background-color: light-dark(rgb(235, 235, 239), rgb(31, 30, 37)) background-color: light-dark(rgb(235, 235, 239), rgb(31, 30, 37))
} }
:root[lwtheme] #main-menubar{ :root[lwtheme] #main-menubar{
background-color: var(--arrowpanel-background,var(--lwt-accent-color)); background-color: var(--arrowpanel-background,var(--lwt-accent-color,var(--toolbox-bgcolor)));
} }
#toolbar-menubar > .titlebar-buttonbox-container{ #toolbar-menubar > .titlebar-buttonbox-container{
display: none; display: none;
+1 -1
View File
@@ -24,7 +24,7 @@ See the above repository for updates as well as full license text. */
inset-inline-start: 0; inset-inline-start: 0;
} }
:root[lwtheme]:not([customizing]) #menubar-items{ :root[lwtheme]:not([customizing]) #menubar-items{
background-color: var(--lwt-accent-color); background-color: var(--lwt-accent-color,var(--toolbox-bgcolor));
} }
:root:not([customizing]) #main-menubar{ :root:not([customizing]) #main-menubar{
flex-direction: column; flex-direction: column;
+1 -1
View File
@@ -39,7 +39,7 @@ See the above repository for updates as well as full license text. */
contain: size; contain: size;
} }
:root[lwtheme]:not([customizing]) #tabbrowser-tabs{ :root[lwtheme]:not([customizing]) #tabbrowser-tabs{
background-color: var(--lwt-accent-color); background-color: var(--lwt-accent-color,var(--toolbox-bgcolor));
} }
@media (-moz-bool-pref: "userchrome.vertical-tabs.on-right.enabled"){ @media (-moz-bool-pref: "userchrome.vertical-tabs.on-right.enabled"){
#PersonalToolbar, #PersonalToolbar,