From b992d963bf49bb62849d470d43339601d123d3dc Mon Sep 17 00:00:00 2001
From: kamilbenkirane <benkirane.kamil@gmail.com>
Date: Thu, 27 Nov 2025 14:08:51 +0100
Subject: [PATCH] fix: dark mode icons, hydration warning, and route conflict

---
 content/docs/index.mdx                |  8 ++++----
 content/docs/providers/anthropic.mdx  |  2 +-
 content/docs/providers/elevenlabs.mdx |  2 +-
 content/docs/providers/openai.mdx     |  2 +-
 src/app/(home)/layout.tsx             |  6 ------
 src/app/(home)/page.tsx               | 16 ----------------
 src/app/layout.tsx                    |  2 +-
 7 files changed, 8 insertions(+), 30 deletions(-)
 delete mode 100644 src/app/(home)/layout.tsx
 delete mode 100644 src/app/(home)/page.tsx

diff --git a/content/docs/index.mdx b/content/docs/index.mdx
index 918210d..c70cd05 100644
--- a/content/docs/index.mdx
+++ b/content/docs/index.mdx
@@ -31,11 +31,11 @@ Celeste is a unified interface for multi-modal AI. It provides a consistent, typ
     <span>Google</span>
   </div>
   <div className="flex items-center gap-2 p-2 border rounded-lg">
-    <img src="/logos/anthropic.svg" width="20" height="20" alt="Anthropic" />
+    <img src="/logos/anthropic.svg" width="20" height="20" alt="Anthropic" className="dark:invert" />
     <span>Anthropic</span>
   </div>
   <div className="flex items-center gap-2 p-2 border rounded-lg">
-    <img src="/logos/openai.svg" width="20" height="20" alt="OpenAI" />
+    <img src="/logos/openai.svg" width="20" height="20" alt="OpenAI" className="dark:invert" />
     <span>OpenAI</span>
   </div>
   <div className="flex items-center gap-2 p-2 border rounded-lg">
@@ -47,11 +47,11 @@ Celeste is a unified interface for multi-modal AI. It provides a consistent, typ
     <span>Cohere</span>
   </div>
   <div className="flex items-center gap-2 p-2 border rounded-lg">
-    <img src="/logos/xai.svg" width="20" height="20" alt="xAI" />
+    <img src="/logos/xai.svg" width="20" height="20" alt="xAI" className="dark:invert" />
     <span>xAI</span>
   </div>
   <div className="flex items-center gap-2 p-2 border rounded-lg">
-    <img src="/logos/elevenlabs.svg" width="20" height="20" alt="ElevenLabs" />
+    <img src="/logos/elevenlabs.svg" width="20" height="20" alt="ElevenLabs" className="dark:invert" />
     <span>ElevenLabs</span>
   </div>
   <div className="flex items-center gap-2 p-2 border rounded-lg">
diff --git a/content/docs/providers/anthropic.mdx b/content/docs/providers/anthropic.mdx
index 9ec5dcd..ac728cb 100644
--- a/content/docs/providers/anthropic.mdx
+++ b/content/docs/providers/anthropic.mdx
@@ -3,7 +3,7 @@ title: Anthropic
 description: Documentation for the Anthropic provider.
 ---
 
-<img src="/logos/anthropic.svg" width="64" height="64" alt="Anthropic" className="mb-6" />
+<img src="/logos/anthropic.svg" width="64" height="64" alt="Anthropic" className="mb-6 dark:invert" />
 
 Celeste supports Anthropic's Claude models for text generation.
 
diff --git a/content/docs/providers/elevenlabs.mdx b/content/docs/providers/elevenlabs.mdx
index c355e49..8df4801 100644
--- a/content/docs/providers/elevenlabs.mdx
+++ b/content/docs/providers/elevenlabs.mdx
@@ -3,7 +3,7 @@ title: ElevenLabs
 description: Documentation for the ElevenLabs provider.
 ---
 
-<img src="/logos/elevenlabs.svg" width="64" height="64" alt="ElevenLabs" className="mb-6" />
+<img src="/logos/elevenlabs.svg" width="64" height="64" alt="ElevenLabs" className="mb-6 dark:invert" />
 
 Celeste supports ElevenLabs for high-quality speech generation.
 
diff --git a/content/docs/providers/openai.mdx b/content/docs/providers/openai.mdx
index 56c482f..6df9c55 100644
--- a/content/docs/providers/openai.mdx
+++ b/content/docs/providers/openai.mdx
@@ -3,7 +3,7 @@ title: OpenAI
 description: Documentation for the OpenAI provider.
 ---
 
-<img src="/logos/openai.svg" width="64" height="64" alt="OpenAI" className="mb-6" />
+<img src="/logos/openai.svg" width="64" height="64" alt="OpenAI" className="mb-6 dark:invert" />
 
 Celeste supports OpenAI's full suite of models, including GPT-4o for text, DALL-E 3 for images, and TTS for speech.
 
diff --git a/src/app/(home)/layout.tsx b/src/app/(home)/layout.tsx
deleted file mode 100644
index c16b056..0000000
--- a/src/app/(home)/layout.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { HomeLayout } from "fumadocs-ui/layouts/home";
-import { baseOptions } from "@/lib/layout.shared";
-
-export default function Layout({ children }: LayoutProps<"/">) {
-  return <HomeLayout {...baseOptions()}>{children}</HomeLayout>;
-}
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
deleted file mode 100644
index 8412053..0000000
--- a/src/app/(home)/page.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import Link from "next/link";
-
-export default function HomePage() {
-  return (
-    <div className="flex flex-col justify-center text-center flex-1">
-      <h1 className="text-2xl font-bold mb-4">Hello World</h1>
-      <p>
-        You can open{" "}
-        <Link href="/docs" className="font-medium underline">
-          /docs
-        </Link>{" "}
-        and see the documentation.
-      </p>
-    </div>
-  );
-}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6f4841f..3dca9e6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -26,7 +26,7 @@ export default function Layout({ children }: LayoutProps<"/">) {
       className={`${spaceGrotesk.variable} ${spaceMono.variable}`}
       suppressHydrationWarning
     >
-      <body className="flex flex-col min-h-screen">
+      <body className="flex flex-col min-h-screen" suppressHydrationWarning>
         <RootProvider>
           <DocsLayout tree={source.pageTree} {...baseOptions()}>
             {children}