Fix issue #212: Change toast text color to white in dark mode

This commit is contained in:
Shivam Gupta
2024-05-31 16:32:39 +05:30
parent 5fdd07ee68
commit d2131c2496
+2 -2
View File
@@ -17,8 +17,8 @@ export function Toaster() {
{toasts.map(({ id, title, description, action, ...props }) => ( {toasts.map(({ id, title, description, action, ...props }) => (
<Toast key={id} {...props}> <Toast key={id} {...props}>
<div className="grid gap-1"> <div className="grid gap-1">
{title && <ToastTitle>{title}</ToastTitle>} {title && <ToastTitle className="dark:text-white">{title}</ToastTitle>}
{description && <ToastDescription>{description}</ToastDescription>} {description && <ToastDescription className="dark:text-white-400">{description}</ToastDescription>}
</div> </div>
{action} {action}
<ToastClose /> <ToastClose />