From e7a5268fddd4965fd39ff322afba5b6d762028d2 Mon Sep 17 00:00:00 2001
From: lyzno1 <92089059+lyzno1@users.noreply.github.com>
Date: Fri, 15 Aug 2025 10:38:03 +0800
Subject: [PATCH] Fix hover button contrast in dark mode for app and dataset
 cards (#23955)

---
 web/app/(commonLayout)/datasets/dataset-card.tsx | 4 ++--
 web/app/components/apps/app-card.tsx             | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/(commonLayout)/datasets/dataset-card.tsx b/web/app/(commonLayout)/datasets/dataset-card.tsx
index 2f0563d47..3e913ca52 100644
--- a/web/app/(commonLayout)/datasets/dataset-card.tsx
+++ b/web/app/(commonLayout)/datasets/dataset-card.tsx
@@ -216,8 +216,8 @@ const DatasetCard = ({
               }
               btnClassName={open =>
                 cn(
-                  open ? '!bg-black/5 !shadow-none' : '!bg-transparent',
-                  'h-8 w-8 rounded-md border-none !p-2 hover:!bg-black/5',
+                  open ? '!bg-state-base-hover !shadow-none' : '!bg-transparent',
+                  'h-8 w-8 rounded-md border-none !p-2 hover:!bg-state-base-hover',
                 )
               }
               className={'!z-20 h-fit !w-[128px]'}
diff --git a/web/app/components/apps/app-card.tsx b/web/app/components/apps/app-card.tsx
index 688da4c25..ee9230af1 100644
--- a/web/app/components/apps/app-card.tsx
+++ b/web/app/components/apps/app-card.tsx
@@ -407,8 +407,8 @@ const AppCard = ({ app, onRefresh }: AppCardProps) => {
                   }
                   btnClassName={open =>
                     cn(
-                      open ? '!bg-black/5 !shadow-none' : '!bg-transparent',
-                      'h-8 w-8 rounded-md border-none !p-2 hover:!bg-black/5',
+                      open ? '!bg-state-base-hover !shadow-none' : '!bg-transparent',
+                      'h-8 w-8 rounded-md border-none !p-2 hover:!bg-state-base-hover',
                     )
                   }
                   popupClassName={