From 374a6c8f46bdc5bc09f8d4f2f6b450153f94a052 Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Wed, 10 May 2023 22:41:28 -0300
Subject: [PATCH] style(fileComponent): add dark mode support to file download
 button and tooltip background color and text color

---
 src/frontend/src/modals/chatModal/fileComponent/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/chatModal/fileComponent/index.tsx b/src/frontend/src/modals/chatModal/fileComponent/index.tsx
index 3e3349136..1ffb1da01 100644
--- a/src/frontend/src/modals/chatModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/chatModal/fileComponent/index.tsx
@@ -37,13 +37,13 @@ export default function FileCard({ fileName, content, fileType }) {
 				/>
 				{isHovered && (
 					<div
-						className={`absolute top-0 right-0 bg-gray-100 text-gray-700 rounded-bl-lg px-1 text-sm font-bold`}
+						className={`absolute top-0 right-0 bg-gray-100 text-gray-700 rounded-bl-lg px-1 text-sm font-bold dark:bg-gray-700 dark:text-gray-300`}
 					>
 						<button
-							className="hover:scale-125 text-blue-500 py-1 px-2"
+							className="text-gray-500 py-1 px-2 dark:bg-gray-700 dark:text-gray-300"
 							onClick={handleDownload}
 						>
-							<CloudArrowDownIcon className="w-5 h-5 text-current"></CloudArrowDownIcon>
+							<CloudArrowDownIcon className="hover:scale-110 w-5 h-5 text-current"></CloudArrowDownIcon>
 						</button>
 					</div>
 				)}