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

2024-05-31 16:32:39 +05:30
parent 5fdd07ee68
commit d2131c2496
1 changed files with 2 additions and 2 deletions
@@ -17,8 +17,8 @@ export function Toaster() {
      {toasts.map(({ id, title, description, action, ...props }) => (
        <Toast key={id} {...props}>
          <div className="grid gap-1">
-            {title && <ToastTitle>{title}</ToastTitle>}
-            {description && <ToastDescription>{description}</ToastDescription>}
+            {title && <ToastTitle className="dark:text-white">{title}</ToastTitle>}
+            {description && <ToastDescription className="dark:text-white-400">{description}</ToastDescription>}
          </div>
          {action}
          <ToastClose />