🎨 style: update base styles and background for improved UI consistency

static/neural-network-background.js

@@ -41,14 +41,28 @@ class NeuralNetworkBackground {
     this.animationFrameId = null;
     this.isDestroying = false;
     
-    // Farben - Lila Farbpalette
+    // Farben für Dark/Light Mode
     this.colors = {
-      background: '#040215',
-      nodeColor: '#6a5498',
-      nodePulse: '#9c7fe0',
-      connectionColor: '#4a3870',
-      flowColor: '#b47fea'
+      dark: {
+        background: '#040215',
+        nodeColor: '#6a5498',
+        nodePulse: '#9c7fe0',
+        connectionColor: '#4a3870',
+        flowColor: '#b47fea'
+      },
+      light: {
+        background: '#f8f9fc',
+        nodeColor: '#8c6db5',
+        nodePulse: '#b094dd',
+        connectionColor: '#9882bd',
+        flowColor: '#7d5bb5'
+      }
     };
+
+    // Aktuelle Farbpalette basierend auf Theme
+    this.currentColors = document.documentElement.classList.contains('dark')
+      ? this.colors.dark
+      : this.colors.light;
     
     // Konfiguration
     this.config = {
@@ -266,7 +280,11 @@ class NeuralNetworkBackground {
   }
   
   render(now) {
-    const colors = this.colors;
+    // Aktualisiere Farben basierend auf aktuellem Theme
+    this.currentColors = document.documentElement.classList.contains('dark')
+      ? this.colors.dark
+      : this.colors.light;
+    const colors = this.currentColors;
     const width = this.canvas.width / (window.devicePixelRatio || 1);
     const height = this.canvas.height / (window.devicePixelRatio || 1);
     
@@ -386,7 +404,12 @@ class NeuralNetworkBackground {
 document.addEventListener('DOMContentLoaded', () => {
   window.neuralBackground = new NeuralNetworkBackground();
   
-  // Sicherstellen, dass die Seite immer im Dark Mode ist
-  document.documentElement.classList.add('dark');
-  document.body.classList.add('dark');
+  // Theme-Wechsel-Event-Listener
+  document.addEventListener('theme-changed', () => {
+    if (window.neuralBackground) {
+      window.neuralBackground.currentColors = document.documentElement.classList.contains('dark')
+        ? window.neuralBackground.colors.dark
+        : window.neuralBackground.colors.light;
+    }
+  });
 });