feat: Small details before release, b=no-bug, c=common, split-view, workspaces

src/zen/common/styles/zen-single-components.css

@@ -104,7 +104,7 @@ body > #confetti {
     #zen-sidebar-top-buttons-customization-target
     &,
   #zen-sidebar-foot-buttons & {
-    --tab-border-radius: 6px;
+    --tab-border-radius: 4px;
     --toolbarbutton-border-radius: var(--tab-border-radius);
     --toolbarbutton-inner-padding: 7px;
 

src/zen/common/styles/zen-theme.css

@@ -130,7 +130,7 @@
 
   --toolbarbutton-inner-padding: 5px !important;
 
-  --toolbarbutton-hover-background: color-mix(in srgb, currentColor 6%, transparent 94%) !important;
+  --toolbarbutton-hover-background: var(--zen-toolbar-element-bg) !important;
 
   --toolbarbutton-active-background: color-mix(
     in srgb,
@@ -180,6 +180,7 @@
     );
     --zen-main-browser-background-toolbar: var(--zen-main-browser-background);
     --zen-primary-color: light-dark(rgb(93, 42, 107), rgb(110, 48, 125)) !important;
+    --toolbox-textcolor: currentColor !important;
   }
 
   --toolbar-field-background-color: var(--zen-colors-input-bg) !important;

src/zen/split-view/ZenViewSplitter.mjs

@@ -400,6 +400,7 @@ class nsZenViewSplitter extends ZenDOMOperatedFeature {
     this._lastOpenedTab = gBrowser.selectedTab;
     this._draggingTab = null;
     try {
+      this._canDrop = false;
       Promise.all([
         gZenUIManager.motion.animate(
           gBrowser.tabbox,
@@ -431,7 +432,6 @@ class nsZenViewSplitter extends ZenDOMOperatedFeature {
           }
         ),
       ]).then(() => {
-        this._canDrop = false;
         this._maybeRemoveFakeBrowser();
       });
     } catch (e) {

src/zen/workspaces/ZenWorkspaces.mjs

@@ -1779,11 +1779,17 @@ var gZenWorkspaces = new (class extends ZenMultiWindowFeature {
       }
       if (previousBackgroundOpacity == 1 || !previousBackgroundOpacity) {
         previousBackgroundOpacity = 0;
+      } else {
+        previousBackgroundOpacity = 1 - previousBackgroundOpacity;
       }
-      previousBackgroundOpacity = 1 - previousBackgroundOpacity;
+      previousBackgroundOpacity = previousBackgroundOpacity;
       gZenThemePicker.previousBackgroundOpacity = previousBackgroundOpacity;
       await new Promise((resolve) => {
         requestAnimationFrame(() => {
+          document.documentElement.style.setProperty(
+            '--zen-background-opacity',
+            previousBackgroundOpacity
+          );
           animations.push(
             gZenUIManager.motion.animate(
               document.documentElement,

src/zen/workspaces/zen-workspaces.css

@@ -71,6 +71,10 @@
     &[dragged='true']{
       background-color: var(--zen-toolbar-element-bg);
     }
+
+    & label {
+      margin: 0 !important;
+    }
   }
 
   &[reorder-mode='true'] toolbarbutton:not([dragged='true']) {