Refactor SURFER_COMPAT handling in sign.ps1

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

@@ -32,7 +32,7 @@
        * same shadow from the browser window on top. */
       box-shadow:
         var(--uc-tweak-rounded-corners-shadow, 0 0 transparent),
-        0 0 0 16px var(--zen-themed-toolbar-bg) !important;
+        0 0 0 16px var(--zen-main-browser-background) !important;
       clip-path: inset(0);
       pointer-events: none;
     }

src/browser/base/content/zen-styles/zen-compact-mode.css

@@ -30,6 +30,8 @@
     margin: 0;
     padding: var(--zen-compact-toolbox-margin) !important;
 
+    min-width: 500px !important;
+
     & #titlebar {
       border: 1px solid var(--zen-colors-border);
       transition-delay: 200ms;
@@ -48,6 +50,11 @@
     }
   }
 
+  #tabbrowser-tabpanels {
+    padding: var(--zen-element-separation) !important;
+    padding-top: 0 !important;
+  }
+
   @media not (-moz-bool-pref: 'zen.view.sidebar-expanded') {
     #navigator-toolbox {
       width: fit-content !important;
@@ -86,12 +93,10 @@
        *  3. Add element separation variable, to avoid overlaping with the toolbar
        *  4. Calculate toolbar height, taken from zen-urlbar.css
        */
-      --zen-compact-toolbox-margin: calc(
-          var(--zen-compact-toolbox-margin-single) + 0.15rem + var(--zen-element-separation) +
-            (18px + (var(--toolbarbutton-inner-padding) * 2))
-        )
-        var(--zen-compact-toolbox-margin-single) var(--zen-compact-toolbox-margin-single)
-        var(--zen-compact-toolbox-margin-single);
+      --zen-compact-toolbox-margin: calc( 
+        var(--zen-element-separation) + 0.8rem + 
+        (18px + (var(--toolbarbutton-inner-padding) * 2)) 
+      ) var(--zen-compact-toolbox-margin-single) var(--zen-compact-toolbox-margin-single) var(--zen-compact-toolbox-margin-single);
 
       :root[zen-sidebar-legacy='true'] & {
         --zen-compact-toolbox-margin: calc(var(--zen-compact-toolbox-margin-single) / 2)

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

@@ -54,3 +54,8 @@ toolbar {
     }
   }
 }
+
+/* Menubar */
+#toolbar-menubar {
+  display: none !important;
+}

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

@@ -22,6 +22,8 @@
 
     padding: var(--zen-toolbox-padding);
     padding-top: var(--zen-toolbox-top-align);
+
+    margin-top: 0 !important;
   }
 
 
@@ -42,8 +44,14 @@
       max-width: unset !important;
       padding: 0 !important;
 
+      overflow: hidden;
+      position: relative;
+
+      border-radius: var(--border-radius-medium);
+
       & .tab-background {
         overflow: hidden;
+        margin: 2px 2px;
 
         & .tab-context-line {
           margin: 0 0px !important;
@@ -349,4 +357,13 @@
       order: 2;
     }
   }
+
+  /* Mark: Override the default tab close button */
+  #tabbrowser-tabs {
+    & .tabbrowser-tab {
+      &[pinned] .tab-close-button {
+        display: none !important;
+      }
+    }
+  }
 }