Sonner Content 8 component design & features
This sonner example uses the shadcn Sonner component with invert so the toast uses the opposite theme from the page. A light page shows a dark toast, and a dark page shows a light toast.
Inverted sonner components help a single message stand out from the rest of the stack, such as a critical status or a highlighted confirmation.