Annoying border radius effect

[gabsdotco]

Captchas

• [X] I have read the instructions.
• [X] I have searched existing issues and avoided creating duplicates.
• [X] I am not filing an enhancement request.

What happened?

Some pages display an unusual border radius on their corners. While there are a few sites, such as GitHub and even the browser settings pages, where this issue does not occur, many other sites consistently exhibit this strange border radius effect.

Below you can see what is on a few pages:

Below you can see the expected visual effect:

Reproducible?

• [X] I have checked that this issue cannot be reproduced on Mozilla Firefox.

Version

1.0.1-a.16

What platform are you seeing the problem on?

Windows

Relevant log output

No response

[ilhamprabuzakys]

how to completly disable rounded corner? I've installed the extension from theme-store but nothing changed :/

[RayZ3R0]

how to completly disable rounded corner? I've installed the extension from theme-store but nothing changed :/

I dont think there is a way for now. Tried css too, no luck

[ander-710]

how to completly disable rounded corner? I've installed the extension from theme-store but nothing changed :/

Go to about:config and change the value of zen.theme.border-radius to 0

[RayZ3R0]

how to completly disable rounded corner? I've installed the extension from theme-store but nothing changed :/

Go to about:config and change the value of zen.theme.border-radius to 0

That will remove every single rounded corner in the browser and make it horrifying

[iLiranS]

how to completly disable rounded corner? I've installed the extension from theme-store but nothing changed :/

Try this in userChrome.css file :

:root {
    --zen-border-radius: 0px !important;

}

& #tabbrowser-tabbox {
    padding: 0 !important;

    #tabbrowser-tabpanels {
        padding: 0 !important;

        .browserSidebarContainer {
            margin: 0 !important;
            border-radius: 0 !important;
            --zen-webview-border-radius: 0 0 0 0 !important;
            --zen-element-seperation: 0 !important;

        }
    }
}

[RayZ3R0]

that will disable literally every single rounded corner the browser has 💀 looks horrifying

[iLiranS]

that will disable literally every single rounded corner the browser has 💀 looks horrifying

He asked for a way to completely disable rounded corners 🤷‍♂️ Personally, I use it for compact mode view to get full-screen experience.

[RayZ3R0]

I'd rather have a few pixels of annoying corners than have my entire browser look horrible though lmao

[Spacellary]

Reproducing this here, for example in minecraft.net (you can see the issue in the rounded corner):

[gabsdotco]

Just an update on this one: I was configuring a new Zen Browser account on my Linux with an outdated version of the browser, and that issue wasn't happening. After I upgraded to the current version, the weird corner pixel appeared. So something recently introduced on newer versions.

(sorry, I forgot to take a screenshot)

[Spacellary]

Related:

The current implementation of this concept from https://github.com/bmFtZQ/edge-frfox for their uc.tweak.rounded-corners tweak works perfectly on the latest Beta/Dev version of Firefox for reference. Once the same issue was present there but it has long been resolved so it could be something to look into.

[Spacellary]

Feedback from:

Twilight build - 1.0.1-t.19 (2024-11-13 at 00:12:19)

Issue persists.