From 26dd1c45a3de583f1bdbc22ffa6c1bd3986fb66f Mon Sep 17 00:00:00 2001
From: Matthias Puchstein <matthias@puchstein.bayern>
Date: Sun, 13 Jul 2025 02:53:49 +0200
Subject: [PATCH] removed theme observer and dark theme logo text support from
 `ChipOverview`; replaced logo rendering with static header text for
 simplification and cleaner design

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
---
 src/pages/ChipOverview.tsx | 38 ++------------------------------------
 1 file changed, 2 insertions(+), 36 deletions(-)

diff --git a/src/pages/ChipOverview.tsx b/src/pages/ChipOverview.tsx
index 480e8da..7433bdc 100644
--- a/src/pages/ChipOverview.tsx
+++ b/src/pages/ChipOverview.tsx
@@ -15,39 +15,9 @@ import {
     FaUsers,
 } from 'react-icons/fa';
 import {HiSparkles} from 'react-icons/hi';
-import {useEffect, useState} from 'react';
-import logotext from "../assets/logotext.svg";
-import logotext_dark from "../assets/logotext_dark.svg";
 
 export default function ChipOverview() {
-    const [isDarkTheme, setIsDarkTheme] = useState(false);
-
-    useEffect(() => {
-        // Initialize theme state
-        const updateThemeState = () => {
-            const theme = document.documentElement.getAttribute('data-theme');
-            setIsDarkTheme(theme === 'dark');
-        };
-
-        // Set initial state
-        updateThemeState();
-
-        // Create observer to watch for theme changes
-        const observer = new MutationObserver(mutations => {
-            mutations.forEach(mutation => {
-                if (mutation.attributeName === 'data-theme') {
-                    updateThemeState();
-                }
-            });
-        });
-
-        // Start observing
-        observer.observe(document.documentElement, {attributes: true});
-
-        // Cleanup
-        return () => observer.disconnect();
-    }, []);
-    return (<div className="p-4 pt-24 pb-20 max-w-6xl mx-auto relative overflow-hidden">
+    return (<div className="p-4 pb-20 max-w-6xl mx-auto relative overflow-hidden">
         {/* Floating Background Elements */}
         <div className="absolute inset-0 pointer-events-none">
             <div className="absolute top-20 left-0 text-purple-200 opacity-30">
@@ -65,11 +35,7 @@ export default function ChipOverview() {
         <div className="text-center mb-12 sm:mb-16 relative z-10">
             <div className="animate-pulse flex flex-col items-center mb-8 sm:mb-12">
                 <div className="flex items-center justify-around">
-                    {isDarkTheme ? (
-                        <img src={logotext} alt="REMind Logo and Text" className="h-32 sm:h-40 md:h-48 mb-4"/>
-                    ) : (
-                        <img src={logotext_dark} alt="REMind Logo and Text" className="h-32 sm:h-40 md:h-48 mb-4"/>
-                    )}
+                    <h1 className="text-9xl sm:text-7xl font-bold text-purple-500 dark:text-purple-400">REMsense</h1>
                 </div>
                 <p className="text-lg sm:text-xl dreamy-text">Bahnbrechende Traumtechnologie</p>
             </div>