apply --toolbar-bgcolor on top of theme-images

This commit is contained in:
MrOtherGuy 2021-05-29 19:41:39 +03:00
parent 7b725ccc58
commit 3b3e363be5

View file

@ -23,14 +23,14 @@ See the above repository for updates as well as full license text. */
:root[sessionrestored] #nav-bar,
:root[sessionrestored] #PersonalToolbar{
background-image: var(--lwt-additional-images,var(--toolbar-bgimage)) !important;
background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)), var(--lwt-additional-images,var(--toolbar-bgimage)) !important;
background-position: var(--lwt-background-alignment);
background-position-y: calc(0px - var(--tab-min-height) - 2*var(--proton-tab-block-margin,0px));
background-repeat: var(--lwt-background-tiling);
background-repeat: repeat,var(--lwt-background-tiling);
transform: rotateX(90deg);
transform-origin: top;
transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 2;
z-index: 1;
}
:root[sessionrestored] #PersonalToolbar{
@ -39,14 +39,13 @@ See the above repository for updates as well as full license text. */
:root[lwtheme-image] #nav-bar,
:root[lwtheme-image] #PersonalToolbar{
background-image: var(--lwt-header-image), var(--lwt-additional-images,var(--toolbar-bgimage)) !important;
background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image), var(--lwt-additional-images,var(--toolbar-bgimage)) !important;
}
#nav-bar[customizing],#PersonalToolbar[customizing]{ transform: none !important }
#navigator-toolbox > #PersonalToolbar{
transform-origin: 0px var(--uc-navbar-height);
z-index: 1;
position: relative;
}