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

code cleanup: remove uses of -moz-bool-pref

Browse Source
This commit is contained in:
MrOtherGuy
2025-11-02 06:45:00 +02:00
parent c0eb3732a8
commit 8d3c6ab4fc
19 changed files with 32 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
chrome/curved_tabs.css
View File

@@ -121,8 +121,7 @@ tab-group[collapsed] > .tabbrowser-tab{
/* OPTIONAL - COLORS - show tabs border, selected tab line and make selected tab match the main toolbar color. Also disables tab shadow */
/* Using these color options requires you to set layout.css.color-mix.enabled to true in about:config */
@media (-moz-bool-pref: "userchrome.curved_tabs.extra-border.enabled"),
-moz-pref("userchrome.curved_tabs.extra-border.enabled"){
@media -moz-pref("userchrome.curved_tabs.extra-border.enabled"){
#navigator-toolbox{ --lwt-tabs-border-color: color-mix(in srgb, currentcolor, white 50%) !important; }
:root[lwtheme-brighttext] #navigator-toolbox{ --lwt-tabs-border-color: color-mix(in srgb, currentcolor, black 50%) !important; }
#tabbrowser-tabs{ --lwt-selected-tab-background-color: var(--toolbar-bgcolor) }
@@ -153,8 +152,7 @@ tab-group[collapsed] > .tabbrowser-tab{
}
/* OPTIONAL - Make some of the buttons in tabs toolbar rounded, which might look nicer especially with large curve size */
@media (-moz-bool-pref: "userchrome.curved_tabs.round-buttons.enabled"),
-moz-pref("userchrome.curved_tabs.round-buttons.enabled"){
@media -moz-pref("userchrome.curved_tabs.round-buttons.enabled"){
#tabs-newtab-button > .toolbarbutton-icon,
#TabsToolbar #new-tab-button > .toolbarbutton-icon,
#alltabs-button > .toolbarbutton-badge-stack,
@@ -162,8 +160,7 @@ tab-group[collapsed] > .tabbrowser-tab{
}
/* OPTIONAL - uncomment the following to flip the curves vertically - maybe useful for tabs on bottom ? */
@media (-moz-bool-pref: "userchrome.curved_tabs.flipped-curve.enabled"),
-moz-pref("userchrome.curved_tabs.flipped-curve.enabled"){
@media -moz-pref("userchrome.curved_tabs.flipped-curve.enabled"){
.tab-background{ flex-direction: column-reverse }
.tabbrowser-tab:hover > .tab-stack > .tab-background,
.tab-background[selected]{ border-radius: 0 0 var(--uc-tab-curve-size) var(--uc-tab-curve-size) !important }