Merge pull request #1093 from zen-browser/create-theme-1092

Add theme: Bleeding Corners Fix

themes/7d577b21-4685-4db2-bb17-d39d08eec199/chrome.css

@@ -0,0 +1,4 @@
+
+.browserContainer {
+    clip-path: inset(0 round var(--zen-native-inner-radius));
+}

themes/7d577b21-4685-4db2-bb17-d39d08eec199/readme.md

@@ -0,0 +1,5 @@
+
+# Bleeding Corners Fix
+Zen Browser uses border radius to round the corners of the web page. On some websites, the HTML background color can sometimes bleed-through the edges of the border radius, usually creating a white outline or artifact. This mod prevents this by applying a simple clip-path to the container, without compromising any content on the containers edge.
+
+> Mods may break in later versions. I use these mods myself, and keep them up-to-date with the latest versions of Zen. If something doesn't work as intended, feel free to [reach out](mailto:roman@rsiebert.dev).

themes/7d577b21-4685-4db2-bb17-d39d08eec199/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "7d577b21-4685-4db2-bb17-d39d08eec199",
+    "name": "Bleeding Corners Fix",
+    "description": "Fixes the white outlines (or artifacts) on the rounded corners that can appear on some pages.",
+    "homepage": "",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7d577b21-4685-4db2-bb17-d39d08eec199/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7d577b21-4685-4db2-bb17-d39d08eec199/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7d577b21-4685-4db2-bb17-d39d08eec199/image.png",
+    "author": "rsiebertdev",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-02-17",
+    "updatedAt": "2025-02-17"
+}