ZenBrowserMirrors/theme-store
1
0
Fork 0
mirror of https://github.com/zen-browser/theme-store.git synced 2025-07-08 01:10:01 +02:00
Code Issues Projects Releases Packages Wiki Activity

🔖 Bump bleeding-corners-fix to 1.0.3

Browse source
This commit is contained in:
Roman Siebert 2025-05-16 07:58:39 +01:00
parent ba690d1db4
commit 61c5457a6a
No known key found for this signature in database
GPG key ID: 8852931AA35D0DBC
4 changed files with 34 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

BIN
themes/7d577b21-4685-4db2-bb17-d39d08eec199/image.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 203 KiB

Before After
Before After

22
themes/7d577b21-4685-4db2-bb17-d39d08eec199/readme.md
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.

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

@ -2,13 +2,13 @@
"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": "",
"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.0",
"version": "1.0.3",
"tags": [],
"createdAt": "2025-02-17",
"updatedAt": "2025-02-23"
"updatedAt": "2025-05-16"
}