From c197ac92bde29a417f8cbad8c736a60d379a43a7 Mon Sep 17 00:00:00 2001
From: mdchad <irsyad.muhd@gmail.com>
Date: Sat, 8 Nov 2025 16:11:51 +0800
Subject: [PATCH] fix colour dark mode

---
 apps/desktop/src/components/cell-detail-panel.tsx             | 2 +-
 apps/desktop/src/components/table/data-table-body.tsx         | 2 +-
 .../src/components/table/data-table-filter-command.tsx        | 2 +-
 packages/ui/src/styles/globals.css                            | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/desktop/src/components/cell-detail-panel.tsx b/apps/desktop/src/components/cell-detail-panel.tsx
index d4120f2..64ef01c 100644
--- a/apps/desktop/src/components/cell-detail-panel.tsx
+++ b/apps/desktop/src/components/cell-detail-panel.tsx
@@ -106,7 +106,7 @@ export function CellDetailPanel() {
 
       {/* Content */}
       <div className="flex-1 p-4 overflow-auto">
-        <div className="bg-accent-foreground p-2">
+        <div className="bg-accent-foreground dark:bg-tint-200 p-2">
           <p className="text-white">{selectedCellData.column}</p>
         </div>
         <div className="bg-tint-300 py-6 px-2">
diff --git a/apps/desktop/src/components/table/data-table-body.tsx b/apps/desktop/src/components/table/data-table-body.tsx
index 81a0fdf..e5c5694 100644
--- a/apps/desktop/src/components/table/data-table-body.tsx
+++ b/apps/desktop/src/components/table/data-table-body.tsx
@@ -28,7 +28,7 @@ function DataTableBody({ table }: { table: TanStackTable<any>; columns: any[] })
               <TableCell
                 key={cell.id}
                 className={cn(
-                  'border-b border-r border-gray-100 truncate bg-white px-4 text-neutral-600 cursor-pointer hover:bg-orange-600/10',
+                  'border-b border-r border-gray-100 dark:border-transparent  truncate bg-white px-4 text-neutral-600 dark:text-white dark:bg-secondary cursor-pointer hover:bg-orange-600/10 dark:hover:bg-muted-foreground',
                   isPinned && 'sticky bg-white hover:bg-orange-100 z-20 border-r-gray-500'
                 )}
                 onClick={() => handleCellClick(cell)}
diff --git a/apps/desktop/src/components/table/data-table-filter-command.tsx b/apps/desktop/src/components/table/data-table-filter-command.tsx
index 4d5f92c..6f1389b 100644
--- a/apps/desktop/src/components/table/data-table-filter-command.tsx
+++ b/apps/desktop/src/components/table/data-table-filter-command.tsx
@@ -818,7 +818,7 @@ export function DataTableFilterCommand({ table }: DataTableFilterCommandProps) {
               <CommandEmpty>No results found.</CommandEmpty>
             </CommandList>
             <div
-              className="border-t bg-neutral-200/50 px-2 py-1.5 text-xs text-accent-foreground"
+              className="border-t bg-muted px-2 py-1.5 text-xs text-accent-foreground"
               cmdk-footer=""
             >
               <div className="flex flex-col gap-2 p-1">
diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css
index ead53ae..5b4415c 100644
--- a/packages/ui/src/styles/globals.css
+++ b/packages/ui/src/styles/globals.css
@@ -141,8 +141,8 @@
     --sidebar-border: oklch(1 0 0 / 10%);
     --sidebar-ring: oklch(0.552 0.016 285.938);
      --color-tint-100: black;
-     --color-tint-200: black;
-     --color-tint-300: black;
+     --color-tint-200: #121212;
+     --color-tint-300: oklch(0.2223 0 0);
   }
 }