Merge pull request #1517 from rsiebertdev/main

Update Theme: `bleeding-corners-fix` to 1.0.3
This commit is contained in:
mr. m 2025-05-16 14:00:43 +02:00 committed by GitHub
commit dc465ed8a7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 34 additions and 19 deletions

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 203 KiB

Before After
Before After

View file

@ -1,5 +1,21 @@
# 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.
Zen Browser uses border radius to round the corners of the web page.
> 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).
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.
> These mods may break or become depreciated as Zen Browser updates. However, I try to keep them up-to-date with the latest versions of Zen. If something isn't working or doesn't feel right, feel free to [submit an issue](https://github.com/rsiebertdev/zen-themes/issues/new). Made with 💖 by Roman.
## Change log
### 1.0.3
- 🐛 Fixed clip-path not applying to websites using the `backdrop-filter` effect (see #1).
### 1.0.2
- 📝 Updated README.
- 📝 Added homepage to theme metadata.
### 1.0.1
- 🔁 Replaced the old thumbnail with a high quality render (1.85:1).
### 1.0.0
- 💥 Initial submission.

View file

@ -1,14 +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-23"
}
"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": "https://github.com/rsiebertdev/zen-themes",
"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.3",
"tags": [],
"createdAt": "2025-02-17",
"updatedAt": "2025-05-16"
}