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

View File

@@ -23,7 +23,7 @@ See the above repository for updates as well as full license text. */
}*/
#toolbar-menubar{
background-color: var(--lwt-accent-color) !important;
background-color: var(--lwt-accent-color,var(--toolbox-bgcolor)) !important;
position: fixed;
min-height: 1px !important;
height: unset !important;

View File

@@ -32,7 +32,7 @@ findbar > .findbar-container,
findbar > .close-icon{
border: 1px solid var(--chrome-content-separator-color);
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);
pointer-events: auto;
}

View File

@@ -11,8 +11,8 @@ See the above repository for updates as well as full license text. */
#tabbrowser-arrowscrollbox{
--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-down-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,var(--toolbox-bgcolor)) 35%);
}
#tabbrowser-tabs:not([movingtab]){

View File

@@ -53,7 +53,7 @@ Window controls will be all wrong without it
padding-right: 20px;
}
: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);
mask-image: linear-gradient(to left, transparent, black 20px);
}

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 */
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;
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-width: thin;
}

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;

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))
}
: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{
display: none;

View File

@@ -24,7 +24,7 @@ See the above repository for updates as well as full license text. */
inset-inline-start: 0;
}
: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{
flex-direction: column;

View File

@@ -39,7 +39,7 @@ See the above repository for updates as well as full license text. */
contain: size;
}
: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"){
#PersonalToolbar,