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:
parent
d35ebf1943
commit
d64e9e129e
10 changed files with 39 additions and 17 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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; }
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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; }
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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 }
|
||||
|
|
|
@ -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; }
|
||||
|
|
Loading…
Reference in a new issue