From 1f2bc2c4d4fd53b6e62fb2ad3420068a44df75a1 Mon Sep 17 00:00:00 2001
From: "christian.vidal" <christianvidalwolf@gmail.com>
Date: Fri, 27 Mar 2026 18:18:06 +0100
Subject: [PATCH] style: integrate new logo and update theme to deep navy

---
 src/App.tsx               |  4 ++--
 src/components/TopBar.tsx | 11 +++++++----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 318ed1e..ce39602 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -204,7 +204,7 @@ export default function App() {
   }, [appState.data]);
 
   return (
-    <div className="h-screen bg-slate-900 text-slate-200 flex flex-col font-sans overflow-hidden">
+    <div className="h-screen bg-[#040d1a] text-slate-200 flex flex-col font-sans overflow-hidden">
       <TopBar
         stats={stats}
         onExport={handleExport}
@@ -215,7 +215,7 @@ export default function App() {
       />
       <div className="flex flex-1 overflow-hidden">
         <Sidebar activeModule={activeModule} setActiveModule={setActiveModule} />
-        <main className="flex-1 overflow-auto relative p-6 bg-slate-950">
+        <main className="flex-1 overflow-auto relative p-6 bg-[#041021]">
           {isLoadingDefault ? (
             <div className="flex flex-col items-center justify-center h-full text-slate-400">
               <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mb-4"></div>
diff --git a/src/components/TopBar.tsx b/src/components/TopBar.tsx
index dbc69c5..2aa37ae 100644
--- a/src/components/TopBar.tsx
+++ b/src/components/TopBar.tsx
@@ -12,10 +12,13 @@ interface TopBarProps {
 
 export function TopBar({ stats, onExport, hasData, hasUnsavedChanges, userEmail, onSignOut }: TopBarProps) {
   return (
-    <header className="bg-slate-800 border-b border-slate-700 h-16 flex items-center justify-between px-6 shrink-0 z-10">
-      <div className="flex items-center gap-3">
-        <Database className="text-blue-500 w-6 h-6" />
-        <h1 className="text-xl font-bold text-white tracking-tight">CRAZE Product Data Quality Manager</h1>
+    <header className="bg-[#020812] border-b border-slate-700/30 h-16 flex items-center justify-between px-6 shrink-0 z-10 shadow-2xl">
+      <div className="flex items-center">
+        <img 
+          src="/assets/logo.png" 
+          alt="DataCraze" 
+          className="h-10 w-auto object-contain"
+        />
       </div>
 
       {stats && (