145 upstream changes to include global rounded corners affects the Lepton Style only.

[TheBeeMan21]

Describe the bug

The new changes to Firefox 145+ that introduce a new global rounded theme seems to affect the Original Lepton style making the theme all round now. Not sure if this was intended but it doesnt match the look in the pictures anymore. it seems trying to change it back through the User.js only affects the tabs but it also makes the tabs basically 100% rigid and straight.

Expected behavior

The global rounded corners should not affect the Lepton theme.

Screenshots

No response

OS

Windows 11

OS - Others

No response

Firefox Version

145, 146a1

Distribution

• Original Lepton
• Lepton's photon style
• Lepton's proton style

Theme

• Light
• Dark
• Alpenglow (System: Light)
• Alpenglow (System: Dark)
• System Default
• Others: (e.g. Photon Colors, Google Chrome Dark, Fairytale Of Nature)

Theme - More Info

No response

user.js setup

user.js setup

// Your settings

Additional context

No response

[tokariu]

I temporarily fixed that for my photon style by adding this to my userChrome.css:

/* fix rounded corners introduced in ff145 */
@layer tokens-foundation {
  :root, :host(.anonymous-content-host) {
    --border-radius-medium: 2px !important;
  }
}

the 2px I chose are arbitrary, can be anything you like. the new FF default was 8px.

[TheBeeMan21]

I temporarily fixed that for my photon style by adding this to my userChrome.css:

/* fix rounded corners introduced in ff145 */
@layer tokens-foundation {
  :root, :host(.anonymous-content-host) {
    --border-radius-medium: 2px !important;
  }
}

the 2px I chose are arbitrary, can be anything you like. the new FF default was 8px.

This worked thanks, guess we will have to wait for an update.

[black7375]

Thanks!!
I will try my best to resolve the issues that have piled up this weekend!!

[black7375]

I'll do some more work and release it!!

[filips123]

Is it possible to restore the default (new) rounding of tabs?

[ajchow66]

Is it possible to restore the default (new) rounding of tabs?

If you like the global rounded corners, you can just comment out the corresponding line of the new commit from 38507b7 in leptonChrome.css:

@media not (-moz-bool-pref: "userChrome.rounding.square_tab") {
  :root {
    --tab-border-radius: 4px !important; /* Original: 4px */
  }
}

[filips123]

Well, could this be made as a preference?