From bd17ef71402ba87ad2d023c868cbc826af187bee Mon Sep 17 00:00:00 2001
From: Tola Leng <tolaleng.oss@gmail.com>
Date: Wed, 4 Jun 2025 22:09:08 +0800
Subject: [PATCH] Fix: Apply theme to service action dialog.

Ensured the service action dialog (three-dot menu) in uptime monitoring respects the current theme (dark/light mode) by using theme-aware styling.
---
 .../services/service-row/ServiceRowActions.tsx   | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/application/src/components/services/service-row/ServiceRowActions.tsx b/application/src/components/services/service-row/ServiceRowActions.tsx
index 3c8d385..d2cd039 100644
--- a/application/src/components/services/service-row/ServiceRowActions.tsx
+++ b/application/src/components/services/service-row/ServiceRowActions.tsx
@@ -112,10 +112,10 @@ export const ServiceRowActions = ({
         </DropdownMenuTrigger>
         <DropdownMenuContent 
           align="end" 
-          className="w-48 bg-gray-900 border border-gray-800 text-white"
+          className="w-48"
         >
           <DropdownMenuItem 
-            className="flex items-center gap-2 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
+            className="flex items-center gap-2 cursor-pointer text-base py-2.5"
             onClick={(e) => {
               e.stopPropagation();
               onViewDetail(service);
@@ -125,7 +125,7 @@ export const ServiceRowActions = ({
             <span>View Detail</span>
           </DropdownMenuItem>
           <DropdownMenuItem 
-            className="flex items-center gap-2 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
+            className="flex items-center gap-2 cursor-pointer text-base py-2.5"
             onClick={handlePauseResume}
           >
             {service.status === "paused" ? (
@@ -141,7 +141,7 @@ export const ServiceRowActions = ({
             )}
           </DropdownMenuItem>
           <DropdownMenuItem 
-            className="flex items-center gap-2 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
+            className="flex items-center gap-2 cursor-pointer text-base py-2.5"
             onClick={(e) => {
               e.stopPropagation();
               onEdit(service);
@@ -151,7 +151,7 @@ export const ServiceRowActions = ({
             <span>Edit</span>
           </DropdownMenuItem>
           <DropdownMenuItem 
-            className="flex items-center gap-2 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
+            className="flex items-center gap-2 cursor-pointer text-base py-2.5"
             onClick={handleMuteAlerts}
           >
             {alertsMuted ? (
@@ -166,9 +166,9 @@ export const ServiceRowActions = ({
               </>
             )}
           </DropdownMenuItem>
-          <DropdownMenuSeparator className="bg-gray-700" />
+          <DropdownMenuSeparator />
           <DropdownMenuItem 
-            className="flex items-center gap-2 text-red-500 cursor-pointer hover:bg-gray-800 focus:bg-gray-800 text-base py-2.5"
+            className="flex items-center gap-2 text-destructive cursor-pointer text-base py-2.5"
             onClick={(e) => {
               e.stopPropagation();
               onDelete(service);
@@ -181,4 +181,4 @@ export const ServiceRowActions = ({
       </DropdownMenu>
     </div>
   );
-};
+};
\ No newline at end of file