From 4d3962e9415dd771293b047956535298cbfd7272 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Thu, 25 Sep 2025 23:56:43 +0200
Subject: [PATCH] Update MarketPage styles for active filters summary

- Changed background and text colors in the active filters summary to improve visual consistency and accessibility.
- Updated ARIA attributes to enhance screen reader support for better usability.

These changes refine the user interface and accessibility of the category filtering features in the MarketPage.
---
 src/modules/market/views/MarketPage.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/market/views/MarketPage.vue b/src/modules/market/views/MarketPage.vue
index febdf9f..868cf5d 100644
--- a/src/modules/market/views/MarketPage.vue
+++ b/src/modules/market/views/MarketPage.vue
@@ -136,15 +136,15 @@
         <!-- Active Filters Summary -->
         <div
           v-if="selectedCategoriesCount > 0"
-          class="mt-4 p-3 bg-blue-50 rounded-lg border border-blue-200"
+          class="mt-4 p-3 bg-accent/50 rounded-lg border border-border"
           role="region"
           aria-label="Active category filters"
           aria-live="polite"
         >
           <div class="flex items-center justify-between">
             <div class="flex items-center gap-2">
-              <Filter class="w-4 h-4 text-blue-600" aria-hidden="true" />
-              <span class="text-sm font-medium text-blue-800">
+              <Filter class="w-4 h-4 text-accent-foreground/80" aria-hidden="true" />
+              <span class="text-sm font-medium text-accent-foreground">
                 Active Filters:
               </span>
               <div class="flex gap-1" role="list" aria-label="Selected category filters">
@@ -159,7 +159,7 @@
                 </Badge>
               </div>
             </div>
-            <div class="text-sm text-blue-600" aria-live="polite">
+            <div class="text-sm text-muted-foreground" aria-live="polite">
               {{ productsToDisplay.length }} products found
             </div>
           </div>