(iggy-website) branch main updated: Update theme switcher

[piotr]

This is an automated email from the ASF dual-hosted git repository.

piotr pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/iggy-website.git


The following commit(s) were added to refs/heads/main by this push:
     new 21a2115f Update theme switcher
21a2115f is described below

commit 21a2115fab368ad6646ac23b19fa544b4a7991da
Author: spetz <piotr.gankiew...@gmail.com>
AuthorDate: Wed Mar 25 10:02:58 2026 +0100

    Update theme switcher
---
 .gitignore                               |  1 +
 next-env.d.ts                            |  6 ------
 src/app/(home)/layout.tsx                |  2 ++
 src/components/architecture-diagrams.tsx |  3 ++-
 src/components/force-dark-theme.tsx      | 21 +++++++++++++++++++++
 5 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/.gitignore b/.gitignore
index 5a605c5f..9339bdf9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,7 @@
 # Next.js
 /.next/
 /out/
+next-env.d.ts
 
 # Fumadocs generated
 .source/
diff --git a/next-env.d.ts b/next-env.d.ts
deleted file mode 100644
index 9edff1c7..00000000
--- a/next-env.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more 
information.
diff --git a/src/app/(home)/layout.tsx b/src/app/(home)/layout.tsx
index 18f9771c..a931a375 100644
--- a/src/app/(home)/layout.tsx
+++ b/src/app/(home)/layout.tsx
@@ -19,10 +19,12 @@
 
 import { HomeLayout } from "fumadocs-ui/layouts/home";
 import { homeOptions } from "@/lib/layout.shared";
+import { ForceDarkTheme } from "@/components/force-dark-theme";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <HomeLayout {...homeOptions()} themeSwitch={{ enabled: false }}>
+      <ForceDarkTheme />
       {children}
     </HomeLayout>
   );
diff --git a/src/components/architecture-diagrams.tsx 
b/src/components/architecture-diagrams.tsx
index 66f33183..5a9e42f3 100644
--- a/src/components/architecture-diagrams.tsx
+++ b/src/components/architecture-diagrams.tsx
@@ -20,6 +20,7 @@
 "use client";
 
 import { useState, useEffect } from "react";
+import { Logo } from "@/components/logo";
 
 export function MessageFlowDiagram() {
   const [step, setStep] = useState(0);
@@ -1140,7 +1141,7 @@ export function DocsHero() {
 
       <div className="relative z-10">
         <div className="flex flex-col items-center text-center mb-8">
-          <img src="/img/apache-iggy-color-darkbg0.5x.png" alt="Apache Iggy" 
width={200} className="mb-5" />
+          <Logo className="mb-5" />
           <h2 className="text-2xl md:text-3xl font-bold text-fd-foreground m-0 
mb-2">
             <span className="text-fd-primary">Hyper-Efficient</span> Message 
Streaming
           </h2>
diff --git a/src/components/force-dark-theme.tsx 
b/src/components/force-dark-theme.tsx
new file mode 100644
index 00000000..6939b7e3
--- /dev/null
+++ b/src/components/force-dark-theme.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { useEffect } from "react";
+
+export function ForceDarkTheme() {
+  useEffect(() => {
+    const root = document.documentElement;
+    const prev = root.getAttribute("data-theme");
+    const prevScheme = root.style.colorScheme;
+
+    root.setAttribute("data-theme", "dark");
+    root.style.colorScheme = "dark";
+
+    return () => {
+      if (prev) root.setAttribute("data-theme", prev);
+      root.style.colorScheme = prevScheme || "";
+    };
+  }, []);
+
+  return null;
+}