From f11817a30e6dade2ec2e63c56b27ea5aefe77d31 Mon Sep 17 00:00:00 2001
From: Dustin Healy <54083382+dustinhealy@users.noreply.github.com>
Date: Mon, 15 Dec 2025 07:26:15 -0800
Subject: [PATCH] =?UTF-8?q?=E1=AF=A4=20fix:=20Better=20Contrast=20on=20Fil?=
 =?UTF-8?q?ter=20Icons=20in=20DataTables=20(#10974)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: hit contrast threshold minimums in sort and filter icons in My files modal

* chore: address comments
---
 .../Chat/Input/Files/Table/SortFilterHeader.tsx    | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Chat/Input/Files/Table/SortFilterHeader.tsx b/client/src/components/Chat/Input/Files/Table/SortFilterHeader.tsx
index 85b4e8fefe..6a476027e1 100644
--- a/client/src/components/Chat/Input/Files/Table/SortFilterHeader.tsx
+++ b/client/src/components/Chat/Input/Files/Table/SortFilterHeader.tsx
@@ -33,12 +33,12 @@ export function SortFilterHeader<TData, TValue>({
       {
         label: localize('com_ui_ascending'),
         onClick: () => column.toggleSorting(false),
-        icon: <ArrowUpIcon className="h-3.5 w-3.5 text-muted-foreground/70" />,
+        icon: <ArrowUpIcon className="icon-sm text-text-secondary" />,
       },
       {
         label: localize('com_ui_descending'),
         onClick: () => column.toggleSorting(true),
-        icon: <ArrowDownIcon className="h-3.5 w-3.5 text-muted-foreground/70" />,
+        icon: <ArrowDownIcon className="icon-sm text-text-secondary" />,
       },
     ];
 
@@ -56,9 +56,7 @@ export function SortFilterHeader<TData, TValue>({
             items.push({
               label: filterValue,
               onClick: () => column.setFilterValue(value),
-              icon: (
-                <ListFilter className="h-3.5 w-3.5 text-muted-foreground/70" aria-hidden="true" />
-              ),
+              icon: <ListFilter className="icon-sm text-text-secondary" aria-hidden="true" />,
               show: true,
               className: isActive ? 'border-l-2 border-l-border-xheavy' : '',
             });
@@ -70,7 +68,7 @@ export function SortFilterHeader<TData, TValue>({
       items.push({
         label: localize('com_ui_show_all'),
         onClick: () => column.setFilterValue(undefined),
-        icon: <FilterX className="h-3.5 w-3.5 text-muted-foreground/70" />,
+        icon: <FilterX className="icon-sm text-text-secondary" />,
         show: true,
       });
     }
@@ -113,9 +111,9 @@ export function SortFilterHeader<TData, TValue>({
               >
                 <span>{title}</span>
                 {column.getIsFiltered() ? (
-                  <ListFilter className="icon-sm text-muted-foreground/70" aria-hidden="true" />
+                  <ListFilter className="icon-sm" aria-hidden="true" />
                 ) : (
-                  <ListFilter className="icon-sm opacity-30" aria-hidden="true" />
+                  <ListFilter className="icon-sm text-text-secondary" aria-hidden="true" />
                 )}
                 {(() => {
                   const sortState = column.getIsSorted();