fix(chat): fix chat attachments style in dark mode

[waleedlatif1]

Summary

fix chat attachments style in dark mode, previously the text was not readable

Type of Change

• Bug fix

Testing

N/A

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sim	🔄 Building (Inspect)	Visit Preview	💬 Add feedback	Aug 9, 2025 3:11am

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
docs	⬜️ Skipped (Inspect)			Aug 9, 2025 3:11am

[greptile-apps]

Greptile Summary

This PR fixes a dark mode styling issue in the chat file upload component. The change addresses text readability problems that occurred when users had chat file attachments displayed in dark mode - the text was appearing with poor contrast and was essentially unreadable.

The solution adds appropriate Tailwind CSS dark mode classes to the file attachment elements in the chat-file-upload.tsx component. Specifically, it applies dark:bg-gray-800 for the background container, dark:text-white for file names, dark:text-gray-400 for file sizes, and dark:text-gray-500 dark:hover:text-red-400 for the remove button states. This follows the established pattern in the codebase of using Tailwind's dark: prefix to provide theme-appropriate styling.

The change integrates seamlessly with the existing chat infrastructure, which includes components like ChatModal that handle message display and user interactions. This fix ensures visual consistency across the entire chat interface, maintaining proper contrast ratios and readability standards regardless of the user's theme preference.

Confidence score: 5/5

• This PR is safe to merge with minimal risk
• Score reflects a focused bug fix with well-established dark mode patterns and no complex logic changes
• No files require special attention

_{1 file reviewed, no comments}

_{Edit Code Review Bot Settings | Greptile}