From 6c44143ea92a08283213a86cb901b0d4e2acddd1 Mon Sep 17 00:00:00 2001
From: Abdeali Chharchhoda <abdealiking786@gmail.com>
Date: Wed, 5 Nov 2025 19:14:12 +0530
Subject: [PATCH] fix: enhance button styling for filter applied state in dark
 theme

---
 frappe/public/js/form_builder/components/Field.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frappe/public/js/form_builder/components/Field.vue b/frappe/public/js/form_builder/components/Field.vue
index f1d2857469..36804beb11 100644
--- a/frappe/public/js/form_builder/components/Field.vue
+++ b/frappe/public/js/form_builder/components/Field.vue
@@ -337,10 +337,20 @@ onMounted(() => selected.value && label_input.value.focus_on_label());
 		}
 	}
 }
+
 .btn-filter-applied {
 	background-color: var(--gray-300) !important;
+
 	&:hover {
 		background-color: var(--gray-400) !important;
 	}
+
+	[data-theme="dark"] & {
+		background-color: var(--gray-700) !important;
+
+		&:hover {
+			background-color: var(--gray-800) !important;
+		}
+	}
 }
 </style>