From 2f2eb83e3fa28746d57821dde9d5e6b645b3a3bd Mon Sep 17 00:00:00 2001
From: przeq piciel <przeqpiciel@gmail.com>
Date: Mon, 26 Aug 2024 22:15:02 +0000
Subject: [PATCH] refactor: Update context menu styles and colors

---
 app/components/FilesEditor/ContextMenu/container.tsx | 3 ++-
 app/components/FilesEditor/index.tsx                 | 3 +--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/FilesEditor/ContextMenu/container.tsx b/app/components/FilesEditor/ContextMenu/container.tsx
index e2613d9..191bf6f 100644
--- a/app/components/FilesEditor/ContextMenu/container.tsx
+++ b/app/components/FilesEditor/ContextMenu/container.tsx
@@ -23,10 +23,11 @@ const ContextMenuContainer: FC<ContextMenuProps> = ({
       <div
         ref={contextMenuRef}
         onClick={closeContextMenu}
-        className="bg-primary text-white p-2 rounded-md cursor-pointer"
+        className="bg-secondary text-secondary-content p-2 rounded-md cursor-pointer"
         style={{ position: "absolute", top: y, left: x }}
       >
         <div
+          className="hover:bg-primary-content hover:text-primary"
           onClick={() => {
             console.log("Option ", file?.attributes.name);
           }}
diff --git a/app/components/FilesEditor/index.tsx b/app/components/FilesEditor/index.tsx
index c08e1aa..a0fecc4 100644
--- a/app/components/FilesEditor/index.tsx
+++ b/app/components/FilesEditor/index.tsx
@@ -98,8 +98,7 @@ const Index = () => {
       )}
       {fileList.map((file: FileProps) => (
         <div
-          isfile={file.attributes.is_file.toString()}
-          className="flex justify-between gap-4 bg-slate-400 mb-1 hover:bg-slate-500 pl-4 pr-4 pt-1 pb-1 rounded-md"
+          className="flex justify-between gap-4 bg-content mb-1 hover:bg-neutral-content pl-4 pr-4 pt-1 pb-1 rounded-md"
           key={file.attributes.name}
         >
           <div className="w-10">