From 804e6f1ac2253f32e908191ea76124a0e64593e1 Mon Sep 17 00:00:00 2001
From: sujal <sujalkesharwani220@gmail.com>
Date: Mon, 27 Oct 2025 19:15:00 +0530
Subject: [PATCH 1/2] fix: for descructive action added distructive colors and
 styles

---
 components/examples/dashboard/components/data-table.tsx   | 4 +++-
 components/examples/dashboard/components/nav-user.tsx     | 2 +-
 components/examples/mail/components/mail-display.tsx      | 8 +++++++-
 .../examples/tasks/components/data-table-row-actions.tsx  | 2 +-
 components/examples/tasks/components/user-nav.tsx         | 2 +-
 components/user-profile-dropdown.tsx                      | 5 ++++-
 6 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/components/examples/dashboard/components/data-table.tsx b/components/examples/dashboard/components/data-table.tsx
index 4c73995e9..901650ff5 100644
--- a/components/examples/dashboard/components/data-table.tsx
+++ b/components/examples/dashboard/components/data-table.tsx
@@ -279,7 +279,9 @@ const columns: ColumnDef<z.infer<typeof schema>>[] = [
           <DropdownMenuItem>Make a copy</DropdownMenuItem>
           <DropdownMenuItem>Favorite</DropdownMenuItem>
           <DropdownMenuSeparator />
-          <DropdownMenuItem>Delete</DropdownMenuItem>
+          <DropdownMenuItem className="text-destructive focus:text-destructive">
+            Delete
+          </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
     ),
diff --git a/components/examples/dashboard/components/nav-user.tsx b/components/examples/dashboard/components/nav-user.tsx
index e332f00c1..4549f2ae6 100644
--- a/components/examples/dashboard/components/nav-user.tsx
+++ b/components/examples/dashboard/components/nav-user.tsx
@@ -94,7 +94,7 @@ export function NavUser({
               </DropdownMenuItem>
             </DropdownMenuGroup>
             <DropdownMenuSeparator />
-            <DropdownMenuItem>
+            <DropdownMenuItem className="text-destructive focus:text-destructive">
               <LogOutIcon />
               Log out
             </DropdownMenuItem>
diff --git a/components/examples/mail/components/mail-display.tsx b/components/examples/mail/components/mail-display.tsx
index 196a84ca1..f70faf96a 100644
--- a/components/examples/mail/components/mail-display.tsx
+++ b/components/examples/mail/components/mail-display.tsx
@@ -45,7 +45,13 @@ export function MailDisplay({ mail }: MailDisplayProps) {
             <ArchiveX className="h-4 w-4" />
             <span className="sr-only">Move to junk</span>
           </Button>
-          <Button variant="ghost" size="icon" disabled={!mail} title="Move to trash">
+          <Button 
+            variant="ghost" 
+            size="icon" 
+            disabled={!mail} 
+            title="Move to trash"
+            className="text-destructive hover:text-destructive"
+          >
             <Trash2 className="h-4 w-4" />
             <span className="sr-only">Move to trash</span>
           </Button>
diff --git a/components/examples/tasks/components/data-table-row-actions.tsx b/components/examples/tasks/components/data-table-row-actions.tsx
index 732a509c2..ac7f2bd48 100644
--- a/components/examples/tasks/components/data-table-row-actions.tsx
+++ b/components/examples/tasks/components/data-table-row-actions.tsx
@@ -57,7 +57,7 @@ export function DataTableRowActions<TData>({
           </DropdownMenuSubContent>
         </DropdownMenuSub>
         <DropdownMenuSeparator />
-        <DropdownMenuItem>
+        <DropdownMenuItem className="text-destructive focus:text-destructive">
           Delete
           <DropdownMenuShortcut>⌘⌫</DropdownMenuShortcut>
         </DropdownMenuItem>
diff --git a/components/examples/tasks/components/user-nav.tsx b/components/examples/tasks/components/user-nav.tsx
index 88d34a9f1..4b1f5500c 100644
--- a/components/examples/tasks/components/user-nav.tsx
+++ b/components/examples/tasks/components/user-nav.tsx
@@ -48,7 +48,7 @@ export function UserNav() {
           <DropdownMenuItem>New Team</DropdownMenuItem>
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
-        <DropdownMenuItem>
+        <DropdownMenuItem className="text-destructive focus:text-destructive">
           Log out
           <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
         </DropdownMenuItem>
diff --git a/components/user-profile-dropdown.tsx b/components/user-profile-dropdown.tsx
index fd266e55a..667dff97b 100644
--- a/components/user-profile-dropdown.tsx
+++ b/components/user-profile-dropdown.tsx
@@ -120,7 +120,10 @@ export function UserProfileDropdown() {
                   Privacy Policy
                 </Link>
               </DropdownMenuItem>
-              <DropdownMenuItem onClick={handleLogOut}>
+              <DropdownMenuItem 
+                onClick={handleLogOut}
+                className="text-destructive focus:text-destructive"
+              >
                 <LogOut /> Log out
               </DropdownMenuItem>
             </DropdownMenuContent>

From ca8cd7768823851dbc8be7c7cf07b0f4637511c0 Mon Sep 17 00:00:00 2001
From: sujal <sujalkesharwani220@gmail.com>
Date: Mon, 27 Oct 2025 20:42:27 +0530
Subject: [PATCH 2/2] fix: enhance destructive action styles for better
 visibility

---
 components/examples/dashboard/components/nav-user.tsx | 2 +-
 components/examples/mail/components/mail-display.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/examples/dashboard/components/nav-user.tsx b/components/examples/dashboard/components/nav-user.tsx
index 4549f2ae6..a075088c2 100644
--- a/components/examples/dashboard/components/nav-user.tsx
+++ b/components/examples/dashboard/components/nav-user.tsx
@@ -94,7 +94,7 @@ export function NavUser({
               </DropdownMenuItem>
             </DropdownMenuGroup>
             <DropdownMenuSeparator />
-            <DropdownMenuItem className="text-destructive focus:text-destructive">
+            <DropdownMenuItem className="text-destructive hover:text-destructive focus:text-destructive">
               <LogOutIcon />
               Log out
             </DropdownMenuItem>
diff --git a/components/examples/mail/components/mail-display.tsx b/components/examples/mail/components/mail-display.tsx
index f70faf96a..dec8f7e13 100644
--- a/components/examples/mail/components/mail-display.tsx
+++ b/components/examples/mail/components/mail-display.tsx
@@ -50,7 +50,7 @@ export function MailDisplay({ mail }: MailDisplayProps) {
             size="icon" 
             disabled={!mail} 
             title="Move to trash"
-            className="text-destructive hover:text-destructive"
+            className="text-destructive hover:text-destructive focus-visible:text-destructive"
           >
             <Trash2 className="h-4 w-4" />
             <span className="sr-only">Move to trash</span>