search

shadcn-ui / ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
https://ui.shadcn.com
MIT License
58.53k stars 3.19k forks source link

[bug]: The style overrides by shadcn for sonner are not working. #3579

Open anson0370 opened 3 weeks ago

anson0370 commented 3 weeks ago

Describe the bug

image

From the screenshot, it is evident that the styles added by shadcn have a lower priority than the inherent styles of sonner , and therefore cannot override them correctly.

Affected component/components

Sonner

How to reproduce

  1. install shadcn/ui 
    style: default
baseColor: gray
cssVariable: false
  2. install sonner by npx shadcn-ui@latest add sonner
  3. use sonner in my project

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

System: macOS 14.2.1
Browser: Arc Version 1.39.0 (48951) / Chromium Engine Version 124.0.6367.61

Before submitting

Phygon commented 3 weeks ago

I think this issue started with the upgrade from sonner 1.4.3 to 1.4.41. In my project, I'm sticking to sonner 1.4.3 because the style override still works in that version.

christian1koch commented 2 weeks ago

I tried using 1.4.3 and still same issue :/

sitenativedev commented 1 week ago

the problem is still in production