From 1e2f526a0783a2bcbe381db76e055fc472ea31da Mon Sep 17 00:00:00 2001
From: rustmailer <pollybase@zohomail.com>
Date: Fri, 26 Dec 2025 14:14:58 +0800
Subject: [PATCH] fix: ensure unselected checkboxes are visible in dark mode
 #70

---
 web/src/features/accounts/components/sync-folders.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/features/accounts/components/sync-folders.tsx b/web/src/features/accounts/components/sync-folders.tsx
index 9dac0ef..8fdebc3 100644
--- a/web/src/features/accounts/components/sync-folders.tsx
+++ b/web/src/features/accounts/components/sync-folders.tsx
@@ -251,7 +251,12 @@ export function SyncFoldersDialog({ currentRow, open, onOpenChange }: Props) {
                             <TreeItemIconContainer {...getIconContainerProps()}>
                                 <TreeItemIcon status={status} />
                             </TreeItemIconContainer>
-                            <TreeItemCheckbox {...getCheckboxProps()} />
+                            <TreeItemCheckbox {...getCheckboxProps()} sx={{
+                                color: 'hsl(var(--muted-foreground) / 0.4)',
+                                '&.Mui-checked': {
+                                    color: 'hsl(var(--primary))',
+                                },
+                            }} />
                             <CustomLabel
                                 {...getLabelProps({
                                     exists: item.exists,