add temporary dummy variables to support for window frame color

In 96 the old --lwt-accent-color is renamed to --lwt-frame so add some
compatibility rules for now.
This commit is contained in:
MrOtherGuy 2021-11-21 08:03:05 +02:00
parent d35ebf1943
commit d64e9e129e
10 changed files with 39 additions and 17 deletions

View file

@ -15,6 +15,9 @@ See the above repository for updates as well as full license text. */
--uc-toolbox-rotation: 89deg;
}
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
@ -38,7 +41,7 @@ See the above repository for updates as well as full license text. */
#navigator-toolbox{
position: fixed !important;
display: block;
background-color: var(--lwt-accent-color,black) !important;
background-color: var(--lwt-frame,black) !important;
transition: transform 82ms linear, opacity 82ms linear !important;
transition-delay: var(--uc-autohide-toolbox-delay) !important;
transform-origin: top;

View file

@ -9,7 +9,7 @@ See the above repository for updates as well as full license text. */
--arrowpanel-color: cyan !important;
--arrowpanel-dimmed: rgba(0,0,0,0.4) !important;
/* window and toolbar background */
--lwt-accent-color: purple !important;
--lwt-frame: purple !important;
--toolbar-bgcolor: rgba(0,0,0,0.4) !important;
/* tabs */
--lwt-text-color: cyan !important;

View file

@ -22,6 +22,9 @@ See the above repository for updates as well as full license text. */
visibility: visible;
}*/
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
:root{ --uc-fake-titlebar-padding: 0px }
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-fake-titlebar-padding: 8px }
@ -36,7 +39,7 @@ See the above repository for updates as well as full license text. */
position: fixed;
display: flex;
width: 100vw;
background-color: var(--lwt-accent-color);
background-color: var(--lwt-frame);
}
#TabsToolbar{
@ -72,7 +75,7 @@ See the above repository for updates as well as full license text. */
#statuspanel-inner > #statuspanel-label{
height:3em;
min-width: 1000px;
background-color: var(--lwt-accent-color, hsla(0,0%,100%,.8)) !important;
background-color: var(--lwt-frame, hsla(0,0%,100%,.8)) !important;
border: none !important;
font-size: inherit;
color: inherit !important;

View file

@ -3,6 +3,9 @@ See the above repository for updates as well as full license text. */
/* Makes bookmarks toolbar span multiple rows */
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
#PersonalToolbar{
--multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
--multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
@ -20,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-frame) var(--toolbar-bgcolor) ;
scrollbar-width: thin;
}

View file

@ -15,8 +15,8 @@ See the above repository for updates as well as full license text. */
@-moz-document url(chrome://browser/content/browser.xhtml){
/* Dummy variable to support both versions 89-90 */
:root{ --tab-block-margin: var(--proton-tab-block-margin) }
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
:root{
--multirow-toolbar-height: 40px;
@ -111,7 +111,7 @@ See the above repository for updates as well as full license text. */
#toolbar-menubar:hover{ z-index: 2 }
#toolbar-menubar:hover > #menubar-items{
visibility: visible;
background-image: linear-gradient( to left,transparent,var(--lwt-accent-color) 35px);
background-image: linear-gradient( to left,transparent,var(--lwt-frame) 35px);
}
#toolbar-menubar > .titlebar-buttonbox-container{ background: var(--toolbar-bgcolor); }
@ -184,7 +184,7 @@ See the above repository for updates as well as full license text. */
.tabbrowser-tab > stack{ width: 100%; height: 100%; }
/* This should fix potential flash that could occur when bottom border is hovered to show tabs in fullscreen mode */
#tabbrowser-tabpanels{ background-color: var(--lwt-accent-color) !important; }
#tabbrowser-tabpanels{ background-color: var(--lwt-frame) !important; }
/* remove bottom margin so it doesn't throw off row height computation */
#tabs-newtab-button{ margin-bottom: 0 !important; }

View file

@ -6,6 +6,9 @@ See the above repository for updates as well as full license text. */
/* Constant animation WILL increase CPU usage */
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
/*
Thanks to /u/skenera on reddit for suggesting animating background position and using steps() function to reduce cpu load
*/
@ -31,7 +34,7 @@ Thanks to /u/skenera on reddit for suggesting animating background position and
content: "";
display: -moz-box;
-moz-box-flex: 1 !important;
background-color: var(--lwt-accent-color);
background-color: var(--lwt-frame);
margin-bottom: 2px;
}
@ -42,7 +45,7 @@ Thanks to /u/skenera on reddit for suggesting animating background position and
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#tabbrowser-tabs ~ toolbarbutton{
background-color: var(--lwt-accent-color) !important;
background-color: var(--lwt-frame) !important;
margin-bottom: 2px !important;
opacity: 1 !important;
}

View file

@ -10,8 +10,8 @@ Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/
/* Dummy variable to support both versions 89-90 */
:root{ --tab-block-margin: var(--proton-tab-block-margin) }
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
.titlebar-buttonbox-container{
position: fixed;
@ -53,7 +53,7 @@ linux_gtk_window_control_patch.css
}
#TabsToolbar:hover{ z-index: 1 }
#TabsToolbar{ background-color: var(--lwt-accent-color); }
#TabsToolbar{ background-color: var(--lwt-frame); }
#TabsToolbar-customization-target{ width: 100vw; }
.tab-background{ border-top-style: none !important; }

View file

@ -6,6 +6,10 @@ See the above repository for updates as well as full license text. */
/* By default, menubar will stay on top with two options to select it's behavior - see below */
@-moz-document url(chrome://browser/content/browser.xhtml){
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
#titlebar{ -moz-appearance: none !important; }
@media (-moz-os-version: windows-win10){
@ -56,7 +60,7 @@ See the above repository for updates as well as full license text. */
/* These three rules exist for compatibility with autohide_toolbox.css */
#navigator-toolbox{ bottom: 0px; transform-origin: bottom }
#main-window > body > box{ margin-top: 0 !important; }
#toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black); }
#toolbar-menubar{ z-index: 1; background-color: var(--lwt-frame,black); }
/**************
Menubar options - By default, menubar is overlayed on top of web-content

View file

@ -8,6 +8,9 @@ See the above repository for updates as well as full license text. */
@-moz-document url(chrome://browser/content/browser.xhtml){
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
:root:not([customizing]) #titlebar{
position: fixed;
display: block;
@ -48,7 +51,7 @@ See the above repository for updates as well as full license text. */
#toolbar-menubar:not([customizing]) #main-menubar{
-moz-box-orient: vertical;
margin-left: -60px;
background-color: var(--lwt-accent-color)
background-color: var(--lwt-frame)
}
:root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) #browser{ margin-right: 30px }

View file

@ -7,6 +7,9 @@ See the above repository for updates as well as full license text. */
* Does NOT support toolbar buttons/items in menubar when in disabled mode.
*/
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }
#toolbar-menubar{
--uc-menubaritem-height: 28px;
--uc-menubaritem-width: 40px;
@ -20,7 +23,7 @@ menubar:hover > menu,
display: block;
position: fixed;
z-index: 10;
background-color: var(--lwt-accent-color);
background-color: var(--lwt-frame);
inset-inline-start: 0;
}
menubar{ -moz-box-orient: vertical; }