tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fx 119 workaround: apply --toolbar-bgcolor workaround for a few styles

Browse Source 
This applies same kind of change to a few styles that was introduced for
autohide_bookmarks_toolbar.css in #315
This commit is contained in:
MrOtherGuy
2023-10-29 12:31:59 +02:00
parent 2b284ede80
commit a6f9e49d12
5 changed files with 52 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
chrome/floating_findbar_on_top.css
View File

@@ -36,7 +36,18 @@ findbar > .close-icon{
background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,none);
pointer-events: auto;
}
/* This is a workaround for fx 119 specifically for users that use default theme, should remove when 120 is released. See bug 1853524 */
findbar:not(:-moz-lwtheme){
--toolbar-bgcolor: #f9f9fb;
--chrome-content-separator-color: rgb(204, 204, 204);
}
/* ...and for dark variant */
@media (prefers-color-scheme: dark){
findbar:not(:-moz-lwtheme){
--toolbar-bgcolor: rgb(43, 42, 51);
--chrome-content-separator-color: hsl(240, 5%, 5%);
}
}
findbar > .findbar-container{
border-bottom-right-radius: 4px;
border-right-width: 1px;

10
chrome/hide_tabs_with_one_tab.css
View File

@@ -40,6 +40,16 @@ This will NOT work correctly if you have hidden tabs such as with tab groups ext
:where(#nav-bar){
border-inline: var(--uc-window-drag-space-width,0) solid var(--toolbar-bgcolor);
}
/* This is a workaround for fx 119 specifically for users that use default theme, should remove when 120 is released. See bug 1853524 */
:root:not(:-moz-lwtheme){
--toolbar-bgcolor: #f9f9fb;
}
/* ...and for dark variant */
@media (prefers-color-scheme: dark){
:root:not(:-moz-lwtheme){
--toolbar-bgcolor: rgb(43, 42, 51);
}
}
@media (-moz-platform: linux){
#TabsToolbar .titlebar-buttonbox{
align-items: stretch !important;

10
chrome/multi-row_tabs_below_content.css
View File

@@ -38,6 +38,16 @@ See the above repository for updates as well as full license text. */
#main-window[tabsintitlebar]{
background-color: var(--toolbar-bgcolor,accentcolor) !important;;
}
/* This is a workaround for fx 119 specifically for users that use default theme, should remove when 120 is released. See bug 1853524 */
#main-window[tabsintitlebar]:not(:-moz-lwtheme){
--toolbar-bgcolor: #f9f9fb;
}
/* ...and for dark variant */
@media (prefers-color-scheme: dark){
#main-window[tabsintitlebar]:not(:-moz-lwtheme){
--toolbar-bgcolor: rgb(43, 42, 51);
}
}
:root[uidensity="compact"]{ --multirow-toolbar-height: 34px }
:root{ border-top-width: 0px !important }

11
chrome/status_inside_urlbar.css
View File

@@ -60,7 +60,16 @@ As a workaround, the -moz-element background image is removed somewhat often whi
}
/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */
#statuspanel{ background-color: var(--toolbar-bgcolor) }
/* This is a workaround for fx 119 specifically for users that use default theme, should remove when 120 is released. See bug 1853524 */
#statuspanel:not(:-moz-lwtheme){
background-color: #f9f9fb;
}
/* ...and for dark variant */
@media (prefers-color-scheme: dark){
#statuspanel:not(:-moz-lwtheme){
background-color: rgb(43, 42, 51);
}
}
#statuspanel{
color: var(--toolbar-field-color, black);
z-index: -1;

11
chrome/status_inside_urlbar_v2.css
View File

@@ -51,7 +51,16 @@ As a workaround, the -moz-element background image is removed somewhat often whi
/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */
#statuspanel{ background-color: var(--toolbar-bgcolor) }
/* This is a workaround for fx 119 specifically for users that use default theme, should remove when 120 is released. See bug 1853524 */
#statuspanel:not(:-moz-lwtheme){
background-color: #f9f9fb;
}
/* ...and for dark variant */
@media (prefers-color-scheme: dark){
#statuspanel:not(:-moz-lwtheme){
background-color: rgb(43, 42, 51);
}
}
#statuspanel{
color: var(--toolbar-field-color, black);
z-index: -1;