Update MacOS icon resources and adjust CSS styles for improved layout

src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css

@@ -428,7 +428,7 @@
 
     :root[zen-single-toolbar='true'] & {
       & #urlbar:not([breakout-extend='true']) .urlbar-input-container {
-        padding-left: 4px;
+        padding-left: 8px;
         padding-right: 4px;
       }
     }

src/browser/base/content/zen-styles/zen-theme.css

@@ -104,7 +104,7 @@
   --zen-button-border-radius: 5px;
   --zen-button-padding: 0.6rem 1.2rem;
 
-  --zen-toolbar-element-bg: light-dark(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.11));
+  --zen-toolbar-element-bg: light-dark(rgba(89, 89, 89, 0.1), rgba(255, 255, 255, 0.125));
 
   /* Toolbar */
   --zen-toolbar-height: 38px;

src/browser/base/content/zen-styles/zen-urlbar.css

@@ -128,8 +128,11 @@
 
 :root[zen-single-toolbar='true'] {
   .urlbar-page-action:not([open]),
-  .identity-box-button:not([open]),
   #tracking-protection-icon-container {
+    display: none;
+  }
+
+  #identity-icon-box:not([open]) {
     margin-inline-end: calc(-8px - 2 * var(--urlbar-icon-padding)) !important;
     opacity: 0;
     transition: all 0.1s ease;
@@ -139,32 +142,30 @@
     visibility: collapse;
   }
 
-  #urlbar[open] :is(#tracking-protection-icon-container, .urlbar-page-action, .identity-box-button),
-  #urlbar:hover :is(#tracking-protection-icon-container, .urlbar-page-action, .identity-box-button),
-  .urlbar-page-action[open],
-  .identity-box-button[open],
-  #tracking-protection-icon-container[open] {
+  #urlbar[open] :is(#tracking-protection-icon-container, .urlbar-page-action, .identity-box-button):not([hidden="true"]),
+  #urlbar:hover #identity-icon-box {
     opacity: 1;
     margin-inline-end: 0 !important;
+    display: flex;
+    transition: 0;
+  }
+
+  #urlbar:not([open]):hover #identity-box {
+    margin-inline-end: 0 !important;
+  }
+
+  #urlbar:not([open]) {
+    #identity-box {
+      order: 9;
+    }
   }
 
-  #identity-permission-box:not([open]),
   #notification-popup-box:not([open]) {
     margin-inline-start: calc(-10px - 2 * var(--urlbar-icon-padding));
     opacity: 0;
     transition: all 0.2s;
   }
 
-  #urlbar[open] #identity-permission-box,
-  #urlbar[open] #notification-popup-box,
-  #urlbar:hover #identity-permission-box,
-  #urlbar:hover #notification-popup-box,
-  #identity-permission-box[open],
-  #notification-popup-box[open] {
-    opacity: 1;
-    margin-inline-start: 0 !important;
-  }
-
   #notification-popup-box {
     align-items: center;
     justify-content: center;

src/browser/base/content/zen-styles/zen-workspaces.css

@@ -455,12 +455,12 @@
 }
 
 .zen-current-workspace-indicator {
-  padding: 15px calc(4px + var(--tab-inline-padding));
+  padding: 15px calc(6px + var(--tab-inline-padding));
   font-weight: 600;
   position: absolute;
   max-height: var(--zen-workspace-indicator-height);
   min-height: var(--zen-workspace-indicator-height);
-  gap: 12px;
+  gap: 10px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;