From 14bc47c0556f2d46a0fdb9c6ceddd4035df8252c Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mnvr.in>
Date: Wed, 16 Jul 2025 12:35:07 +0530
Subject: [PATCH] Fix regression in date color

---
 web/apps/photos/src/components/FileList.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/apps/photos/src/components/FileList.tsx b/web/apps/photos/src/components/FileList.tsx
index 1685ec9cb3..e10d79ea62 100644
--- a/web/apps/photos/src/components/FileList.tsx
+++ b/web/apps/photos/src/components/FileList.tsx
@@ -848,13 +848,15 @@ const asFullSpanListItem = ({ item, ...rest }: FileListHeaderOrFooter) => ({
  */
 const dateContainerHeight = 48;
 
-const DateContainer = styled(ListItemContainer)`
+const DateContainer = styled(ListItemContainer)(
+    ({ theme }) => `
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     height: ${dateContainerHeight}px;
-    color: "text.muted";
-`;
+    color: ${theme.vars.palette.text.muted};
+`,
+);
 
 const NoFilesContainer = styled(ListItemContainer)`
     text-align: center;