better light theme background for alert & toast

Author: dmarakom6

src/components/ui/dialog.tsx

@@ -19,7 +19,7 @@ const DialogOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     )}
     {...props}

src/index.css

@@ -28,6 +28,7 @@
 
     --destructive: 0 84% 60%;
     --destructive-foreground: 220 9% 95%;
+    --destructive-foreground--light: 220 0% 95%;
 
     --border: 220 27% 18%;
     --input: 220 27% 18%;

src/pages/Index.tsx

@@ -312,7 +312,7 @@ const Index = () => {
       <NoteViewer
         note={selectedNote}
         isOpen={isNoteViewerOpen}
-        onClose={() => setIsNoteViewerOpen(false)}
+        onClose={() => {setIsNoteViewerOpen(false); setSelectedNote(null); }}
         onDelete={deleteNote}
         onUpdate={updateNote}
         onConvertToTask={convertNoteToTask}

tailwind.config.ts

@@ -39,7 +39,7 @@ export default {
 				},
 				destructive: {
 					DEFAULT: 'hsl(var(--destructive))',
-					foreground: 'hsl(var(--destructive-foreground))'
+					foreground: 'hsl(var(--destructive-foreground-light))'
 				},
 				success: {
 					DEFAULT: 'hsl(var(--success))',