Switch all mods to use -moz-pref and make formatting easier to understand.

themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/chrome.css

@@ -1,7 +1,8 @@
-@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
+@media not (-moz-pref("zen.view.sidebar-expanded")) {
   .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
     display: none !important;
   }
+
   .tab-icon-image {
     opacity: 1 !important;
   }

themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/chrome.css

@@ -6,6 +6,7 @@
     opacity 0.1s ease-in-out,
     transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
+
 .tab-reset-button {
   transform: rotate(-0.5turn);
   width: 24px !important;
@@ -17,22 +18,27 @@
   scale: 0.5;
   overflow: hidden !important;
 }
+
 .tab-reset-button:hover {
   transform: rotate(0);
   opacity: 1;
   scale: 1;
 }
+
 .tab-label-container {
   padding-left: 6px;
 }
+
 .tab-icon-stack:has(~ .tab-reset-button:hover) {
   opacity: 0;
   scale: 0;
 }
+
 .tab-content .tab-icon-stack {
   padding: 4px;
   width: 24px;
 }
+
 .tab-icon-stack .tab-icon-image {
   padding: 0;
   margin: 0 !important;

themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/chrome.css

@@ -2,7 +2,7 @@ scrollbox:nth-child(5) {
   scrollbar-width: thin !important;
 }
 
-@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
+@media (-moz-pref("zen.view.sidebar-expanded")) {
   scrollbox:nth-child(5) {
     scrollbar-width: auto !important;
   }

themes/1b88a6d1-d931-45e8-b6c3-bfdca2c7e9d6/chrome.css

@@ -1,4 +1,3 @@
-
 image.tab-close-button {
   display: none !important;
 }

themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/chrome.css

@@ -1,4 +1,4 @@
-@media not (-moz-bool-pref: "mod.extension.viewgrid") {
+@media not (-moz-pref("mod.extension.viewgrid")) {
   /* Hide header, description, extension captions */
   #unified-extensions-view box.panel-header,
   #unified-extensions-view > :nth-child(2),
@@ -7,45 +7,57 @@
   .unified-extensions-item-message-deck {
     display: none !important;
   }
+
   /* Reduce the panel size and padding */
   #unified-extensions-view {
     width: var(--menu-panel-width) !important;
   }
+
   panelview .unified-extensions-item-action-button {
     padding-inline: 10px !important;
     padding-block: 0px !important;
   }
+
   #unified-extensions-manage-extensions {
     margin-inline: 4px !important;
     padding: 8px 10px !important;
     margin-block-end: 4px !important;
   }
+
   #unified-extensions-panel .unified-extensions-item {
     margin-block: 2px !important;
   }
+
   #unified-extensions-view .unified-extensions-item-action-button:hover {
     background-color: color-mix(in srgb, currentColor 3%, transparent) !important;
   }
+
   #unified-extensions-view .unified-extensions-item-menu-button.subviewbutton,
   .unified-extensions-item-row-wrapper {
     padding: 0 !important;
   }
+
   #unified-extensions-view .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
     opacity: 0 !important;
     transition: 0.2s ease !important;
   }
+
   #unified-extensions-panel .unified-extensions-item:hover {
+    background-color: transparent !important;
+
     .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
       opacity: 0.85 !important;
     }
-    background-color: transparent !important;
   }
+
   #unified-extensions-view .unified-extensions-item-action-button .panel-no-padding .webextension-browser-action {
     padding: 0 !important;
   }
+
   #unified-extensions-view .toolbar-menupopup :is(menu, menuitem), .subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
     max-height: 3em !important;
   }
+
   #unified-extensions-view .subviewbutton-iconic {
     & > .toolbarbutton-icon {
       width: 1.2em !important;
@@ -55,7 +67,7 @@
   }
 }
 
-@media (-moz-bool-pref: "mod.extension.viewgrid") {
+@media (-moz-pref("mod.extension.viewgrid")) {
   /* Set width of Unified Extension View */
   #unified-extensions-view {
     width: calc(var(--menu-panel-width) - 75px) !important;
@@ -122,7 +134,7 @@
   }
 }
 
-@media (-moz-bool-pref: "mod.extension.hide") {
+@media (-moz-pref("mod.extension.hide")) {
   :root:not([customizing]){
     #unified-extensions-button {
       opacity: 0 !important;
@@ -135,7 +147,7 @@
   }
 }
 
-@media (-moz-bool-pref: "mod.extension.remove") {
+@media (-moz-pref("mod.extension.remove")) {
   :root:not([customizing]){
     #unified-extensions-button {
       display: none !important;

themes/20e8cc78-3dac-4db0-81a4-814672fb50af/chrome.css

@@ -4,6 +4,7 @@
 * Move the at a glance buttons to the right side of the window.
 * Pontus Sundén <hi@pontus.cc>
 */
+
 .zen-glance-sidebar-container {
   left: 100% !important;
   right: unset !important;

themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css

@@ -1,14 +1,19 @@
 #vertical-pinned-tabs-container > .zen-workspace-tabs-section[hidden="true"] {
   display: none !important;
 }
+
 tabs {
   counter-reset: tab-counter;
-} /* Automatically increment tab numbers for each tab which is essential or is in an active workspace */
+}
+
+/* Automatically increment tab numbers for each tab which is essential or is in an active workspace */
 hbox.zen-essentials-container tab:not([zen-glance-tab="true"]),
 zen-workspace[active] tab:not([zen-glance-tab="true"]) {
   counter-increment: tab-counter;
-} /* Styles when the sidebar is expanded */
-@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
+}
+
+/* Styles when the sidebar is expanded */
+@media (-moz-pref("zen.view.sidebar-expanded")) {
   tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
     content: counter(
       tab-counter
@@ -58,10 +63,11 @@ zen-workspace[active] tab:not([zen-glance-tab="true"]) {
   }
 
   /* Put tab numbers on the left side when expanded_side="Left" (AND in expanded mode) */
-  :root:has(#theme-Tab-Numbers[uc-theme-expanded_side="Left"]) {
+  @media (-moz-pref("uc.theme.expanded_side", "Left")) {
     tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
       display: none; /* Hide the ::after pseudo-element first */
     }
+
     tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
       content: counter(
         tab-counter
@@ -87,8 +93,10 @@ zen-workspace[active] tab:not([zen-glance-tab="true"]) {
       margin-right: 5px;
     }
   }
-} /* Styles when the sidebar is NOT expanded (compact mode) */
-@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
+}
+
+/* Styles when the sidebar is NOT expanded (compact mode) */
+@media not (-moz-pref("zen.view.sidebar-expanded")) {
   tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
     content: counter(tab-counter) "";
     position: absolute;
@@ -99,8 +107,10 @@ zen-workspace[active] tab:not([zen-glance-tab="true"]) {
     font-weight: var(--bold-text, normal);
     font-size: var(--font_size, 80%); /* Default font size (same as "Small") */
     color: var(--number_color, inherit); /* Fallback to default color */
-  } /* Put tab numbers on the left side when compact_side="Left" (AND in compact mode) */
-  :root:has(#theme-Tab-Numbers[uc-theme-compact_side="Left"]) {
+  }
+
+  /* Put tab numbers on the left side when compact_side="Left" (AND in compact mode) */
+  @media (-moz-pref("uc.theme.compact_side", "Left")) {
     tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
       content: counter(tab-counter) "";
       position: absolute;
@@ -116,50 +126,83 @@ zen-workspace[active] tab:not([zen-glance-tab="true"]) {
       color: var(--number_color, inherit); /* Fallback to default color */
     }
   }
-} /* Enable bold text when the preference is enabled */
-@media (-moz-bool-pref: "uc.theme.bold-text-enable.enabled") {
+}
+
+/* Enable bold text when the preference is enabled */
+@media (-moz-pref("uc.theme.bold-text-enable.enabled")) {
   tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
     --bold-text: bold;
   }
 }
-@media (-moz-bool-pref: "uc.theme.custom_color_enabled") {
+
+@media (-moz-pref("uc.theme.custom_color_enabled")) {
   tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
     --number_color: var(--uc-theme-number_color) !important;
     --number_background_color: var(
       --uc-theme-number_background_color
     ) !important;
   }
-} /* Set font size for Extra Small (Override default) */
-:root:has(#theme-Tab-Numbers[uc-theme-font_size="XSmall"]) {
-  --font_size: 70% !important; /* Extra Small font size */
-} /* Set font size for Small */
-:root:has(#theme-Tab-Numbers[uc-theme-font_size="Small"]) {
-  --font_size: 80% !important; /* Small font size */
-} /* Set font size for Medium (Override default) */
-:root:has(#theme-Tab-Numbers[uc-theme-font_size="Medium"]) {
-  --font_size: 90% !important; /* Medium font size */
-} /* Set font size for Large (Override default) */
-:root:has(#theme-Tab-Numbers[uc-theme-font_size="Large"]) {
-  --font_size: 100% !important; /* Large font size */
-} /* Set font size for Extra Large (Override default) */
-:root:has(#theme-Tab-Numbers[uc-theme-font_size="XLarge"]) {
-  --font_size: 120% !important; /* Extra Large font size */
-} /* Ensure Close X button is on top of everything. */
+}
+
+/* Set font size for Extra Small (Override default) */
+@media (-moz-pref("uc.theme.font_size", "XSmall")) {
+  :root {
+    --font_size: 70% !important; /* Extra Small font size */
+  }
+}
+/* Set font size for Small */
+@media (-moz-pref("uc.theme.font_size", "Small")) {
+  :root {
+    --font_size: 80% !important; /* Small font size */
+  }
+}
+/* Set font size for Medium (Override default) */
+@media (-moz-pref("uc.theme.font_size", "Medium")) {
+  :root {
+    --font_size: 90% !important; /* Medium font size */
+  }
+}
+/* Set font size for Large (Override default) */
+@media (-moz-pref("uc.theme.font_size", "Large")) {
+  :root {
+    --font_size: 100% !important; /* Large font size */
+  }
+}
+/* Set font size for Extra Large (Override default) */
+@media (-moz-pref("uc.theme.font_size", "XLarge")) {
+  :root {
+    --font_size: 120% !important; /* Extra Large font size */
+  }
+}
+
+/* Ensure Close X button is on top of everything. */
 .tab-close-button {
   z-index: 10;
-} /* Customize the shape based on the preference values */
-:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Square"]) {
-  --background_shape: 0%; /* Square */
 }
-:root:has(#theme-Tab-Numbers[uc-theme-background_shape="SlightlyRounded"]) {
-  --background_shape: 5%; /* Slightly Rounded Square */
+
+/* Customize the shape based on the preference values */
+@media (-moz-pref("uc.theme.background_shape", "Square")) {
+  :root {
+    --background_shape: 0%; /* Square */
+  }
+}
+@media (-moz-pref("uc.theme.background_shape", "SlightlyRounded")) {
+  :root {
+    --background_shape: 5%; /* Slightly Rounded Square */
+  }
 }
-:root:has(#theme-Tab-Numbers[uc-theme-background_shape="ModeratelyRounded"]) {
-  --background_shape: 15%; /* Moderately Rounded Square */
+@media (-moz-pref("uc.theme.background_shape", "ModeratelyRounded")) {
+  :root {
+    --background_shape: 15%; /* Moderately Rounded Square */
+  }
 }
-:root:has(#theme-Tab-Numbers[uc-theme-background_shape="FullyRounded"]) {
-  --background_shape: 30%; /* Fully Rounded Square */
+@media (-moz-pref("uc.theme.background_shape", "FullyRounded")) {
+  :root {
+    --background_shape: 30%; /* Fully Rounded Square */
+  }
 }
-:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Circle"]) {
-  --background_shape: 50%; /* Perfect Circle */
+@media (-moz-pref("uc.theme.background_shape", "Circle")) {
+  :root {
+    --background_shape: 50%; /* Perfect Circle */
+  }
 }