Fix rust version and install a rust version compatible with LLVM 19

Update border radius in zen-browser.js to 8 pixels
Set default width to 250px in ZenStartup.mjs
Adjust overflow and border radius in zen-browser-container.css
Update background color in vertical-tabs.css

.github/workflows/linux-release-build.yml

@@ -96,6 +96,12 @@ jobs:
       - name: Download firefox source and dependencies
         run: pnpm surfer download
 
+      - name: Fix rust version
+        run: |
+          # Install a rust version compatible with LLVM 19
+          curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y 
+          source $HOME/.cargo/env
+
       - name: Import
         env:
           SURFER_COMPAT: ${{ matrix.generic == true }}

src/browser/app/profile/zen-browser.js

@@ -77,7 +77,7 @@ pref('zen.tabs.vertical', true);
 pref('zen.tabs.vertical.right-side', false);
 pref('zen.tabs.show-newtab-under', false);
 pref('zen.theme.accent-color', "#aac7ff");
-pref('zen.theme.border-radius', 5); // In pixels
+pref('zen.theme.border-radius', 8); // In pixels
 pref('zen.theme.content-element-separation', 6); // In pixels
 pref('zen.theme.toolbar-themed', true);
 pref('zen.theme.pill-button', false);

src/browser/base/content/ZenStartup.mjs

@@ -121,7 +121,7 @@
       }
 
       // remove all styles except for the width, since we are xulstoring the complet style list
-      const width = toolbox.style.width;
+      const width = toolbox.style.width || '250px';
       toolbox.removeAttribute('style');
       toolbox.style.width = width;
 

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

@@ -6,7 +6,10 @@
     position: relative;
 
     box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.1), var(--zen-colors-border));
+    & .browserContainer,
     & browser {
+      mix-blend-mode: hue;
+      overflow: hidden;
       border-radius: var(--zen-webview-border-radius, var(--zen-border-radius));
     }
   }

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

@@ -155,7 +155,7 @@
     }
 
     & .tab-background:not(:hover):not([selected]):not([multiselected]) {
-      --zen-pinned-tabs-bgcolor: rgba(255, 255, 255, 0.075);
+      --zen-pinned-tabs-bgcolor: rgba(255, 255, 255, 0.12);
       @media not (prefers-color-scheme: dark) {
         --zen-pinned-tabs-bgcolor: rgba(1, 1, 1, 0.075);
       }