Merge pull request #214 from ashokasec/issue-212-dark-mode-toast

Fix issue #212: Change toast text color to white in dark mode
meshtastic · Jun 15, 2024 · a67a0da · a67a0da
2 parents 258b972 + d2131c2
commit a67a0da
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Toaster.tsx b/src/components/Toaster.tsx
@@ -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 />