chore: Changed menu separator widths, b=(no-bug), c=common

src/toolkit/themes/shared/menulist-shared-css.patch

@@ -1,14 +1,13 @@
 diff --git a/toolkit/themes/shared/menulist-shared.css b/toolkit/themes/shared/menulist-shared.css
-index 5dd5549674570170a694afbd9ea4526e52e3192a..187fcb57183df6a0ab3701ab79c46d86c5e984b3 100644
+index 5dd5549674570170a694afbd9ea4526e52e3192a..a24ded413065ce1493e8622c5777c5b5bdac128e 100644
 --- a/toolkit/themes/shared/menulist-shared.css
 +++ b/toolkit/themes/shared/menulist-shared.css
-@@ -14,7 +14,8 @@
+@@ -14,7 +14,7 @@
  
  :host(:not([native])) {
    appearance: none;
 -  background-color: var(--button-background-color);
-+  background-color: var(--zen-colors-tertiary, ButtonFace);
-+  border: 1px solid var(--input-border-color, ThreeDShadow);
++  background-color: light-dark(rgba(0,0,0,.1), rgba(255,255,255,.1));
    color: var(--button-text-color);
    border-radius: 4px;
    padding-block: 4px;

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

@@ -263,6 +263,10 @@ panel {
   --arrowpanel-menuitem-padding-inline: 15px;
 }
 
+toolbarseparator {
+  padding-inline: 0 !important;
+}
+
 toolbarseparator,
 menuseparator {
   border-width: var(--zen-panel-separator-width);
@@ -391,7 +395,7 @@ menuseparator {
     & button {
       color-scheme: dark;
       width: min-content;
-      padding: 0 12px !important;
+      padding: 0 10px !important;
       min-width: unset !important;
       margin: 0px !important;
       border-radius: calc(var(--zen-native-inner-radius) + 2px) !important;

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

@@ -197,6 +197,8 @@
   --toolbar-field-background-color: var(--zen-colors-input-bg) !important;
   --arrowpanel-background: var(--zen-dialog-background) !important;
 
+  --panel-separator-color: color-mix(in srgb, currentColor 15%, transparent) !important;
+
   --zen-big-shadow: 0 0 9.73px 0px light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25));
   --zen-active-tab-scale: 0.98;