fix: Improved native toolbar schemes, b=no-bug, c=common, workspaces

src/zen/common/styles/zen-panel-ui.css

@@ -5,7 +5,8 @@
  */
 panel[type='arrow'][animate='open'] {
   @media (-moz-platform: macos) and (-moz-panel-animations) {
-    animation: zen-jello-animation-macos 0.4s ease-out;
+    -moz-window-transform: scale(0.3);
+    animation: zen-jello-animation-macos 0.4s ease-out forwards;
     &[side='bottom'] {
       /* Animate from the bottom */
       -zen-window-transform-origin: 0 100%;
@@ -60,8 +61,6 @@ panel[type='arrow'] {
     --panel-shadow-margin: 0px !important;
     --panel-background: transparent !important;
     --panel-border-color: transparent;
-    /* This should be kept in sync with GetMenuMaskImage() */
-    --panel-border-radius: 6px;
 
     &::part(content) {
       background-color: transparent !important;

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

@@ -10,9 +10,6 @@
 
 :root {
   --panel-subview-body-padding: 2px 0;
-  --arrowpanel-menuitem-border-radius: 5px;
-  --arrowpanel-menuitem-margin: var(--uc-arrowpanel-menuitem-margin-block)
-    var(--uc-arrowpanel-menuitem-margin-inline);
   --arrowpanel-menuitem-padding-block: 8px;
   --arrowpanel-menuitem-padding-inline: 14px;
   --uc-arrowpanel-menuicon-margin-inline: 14px;

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

@@ -235,14 +235,6 @@
     --zen-themed-toolbar-bg-transparent: transparent;
   }
 
-  &[zen-should-be-dark-mode='true'] #browser {
-    color-scheme: dark;
-  }
-
-  &[zen-should-be-dark-mode='false'] #browser {
-    color-scheme: light;
-  }
-
   &,
   & panel,
   & menupopup,
@@ -275,6 +267,16 @@
       --toolbar-color-scheme: dark;
     }
   }
+
+  &[zen-should-be-dark-mode='true'] #browser {
+    color-scheme: dark;
+    --toolbar-color-scheme: dark;
+  }
+
+  &[zen-should-be-dark-mode='false'] #browser {
+    color-scheme: light;
+    --toolbar-color-scheme: light;
+  }
 }
 
 @media (prefers-color-scheme: dark) {

src/zen/workspaces/zen-gradient-generator.css

@@ -44,6 +44,7 @@
     padding: 0;
     align-self: center;
     border: none;
+    background: transparent;
   }
 
   & #PanelUI-zen-gradient-generator-custom-opacity {
@@ -245,7 +246,7 @@
 .zen-theme-picker-gradient {
   position: relative;
   overflow: hidden;
-  border-radius: calc(var(--arrowpanel-border-radius) - 4px);
+  border-radius: calc(var(--panel-border-radius) - 4px);
 
   min-height: calc(var(--panel-width) - var(--panel-padding) * 2 - 2px);
   background: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.03));