fix: disable experimental rounded view for macOS and adjust workspace indicator styling

Author: mr-cheffy

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

@@ -108,6 +108,13 @@ pref('zen.view.compact.toolbar-hide-after-hover.duration', 1000);
 pref('zen.view.compact.color-toolbar', true);
 pref('zen.view.compact.color-sidebar', true);
 
+#ifdef XP_MACOSX
+// Disable for macos in the meantime until @HarryHeres finds a solution for hight DPI screens
+pref('zen.view.experimental-rounded-view', false);
+#else
+pref('zen.view.experimental-rounded-view', true);
+#endif
+
 pref('zen.glance.enabled', true);
 pref('zen.glance.hold-duration', 300); // in ms
 

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

@@ -19,5 +19,13 @@
     :root[zen-no-padding='true'] &:not([zen-split="true"]) {
       border-radius: 0 !important;
     }
+
+    @media (-moz-bool-pref: 'zen.view.experimental-rounded-view') {
+      #tabbrowser-tabpanels {
+        mix-blend-mode: multiply;
+        -moz-osx-font-smoothing: grayscale;
+        isolation: isolate;
+      }
+    }
   }
 }

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

@@ -423,7 +423,7 @@
   }
 
   & #zen-current-workspace-indicator-icon:not([hidden]) + #zen-current-workspace-indicator-name  {
-    margin-left: 24px;
+    padding-left: 24px;
   }
 }