Twitch Chat Overlay

Passe dein Twitch-Chat-Overlay exakt an deinen Stream an – direkt im Browser.

Wähle einen Stil (z. B. Glass, Neon oder Cyberpunk) und passe ihn nach Wunsch an: eigene Hintergrund- und Textfarben, Schriftarten, Rahmen und sogar Glow. Der Konfigurator erzeugt dir einen fertigen Link, den du in OBS einfach als Browserquelle einfügst – ohne zusätzliche Plugins. Änderungen siehst du in der Live-Vorschau sofort.

Das Overlay unterstützt Twitch- und 7TV-Emotes (inkl. Paint-Styles), zeigt Profilbilder und Badges, hebt @Mentions hervor und filtert auf Wunsch bekannte Bots. Du kannst jedes Preset frei überschreiben – etwa Cyberpunk mit schwarzem Hintergrund, eigener Schrift und gestricheltem, pinkem Rand + Glow.

Features

🎨 Designstile + Overrides: Glass, Neon, Cyberpunk, Retro u. a. – Hintergrund, Farben, Schrift & Effekte frei anpassbar.
🖌️ Farben & Typo: Hintergrund (auch transparent), Text- & Name-Farbe, Google-Fonts, Schriftgröße.
🧱 Rahmen & Glow: Randfarbe, -breite & -stil (solid/dashed/dotted/none) sowie konfigurierbarer Leuchteffekt.
📐 Layout: Ausrichtung links/rechts, Kompaktmodus, Randradius, Profilbild an/aus.
💬 Emotes & Paints: Twitch & 7TV inkl. animierter Namen und @Mention-Highlight.
👤 Badges & Avatare: Twitch-Profilbilder und Abzeichen werden automatisch angezeigt.
🧹 Bot-Filter: Bekannte Bots ausblenden + eigene Liste ergänzen.
🗑️ Moderation: Gelöschte/zeitüberschrittene Nachrichten verschwinden automatisch.
👁️ Live-Vorschau & OBS-Link: Einstellungen testen und den fertigen Link direkt kopieren.

Twitch-Channel:	Designstil (Standard: Darkglass)Presets werden 1:1 übernommen. Eigene Werte greifen nur, wenn du sie aktiv änderst.
Hintergrundfarbe: Wird nur gesendet, wenn du die Farbe anfasst (Preset-first).	Textfarbe: Wird nur gesendet, wenn du die Farbe anfasst (Preset-first).
Schriftart (leer für Roboto)	Schriftgröße (px): Randradius (px):
Gesamte Chatbox Steuert die äußere Box um alle Chatblasen (Hintergrund, Rahmen, Leuchtrand). Hintergrund Transparent (nur Leuchtrand) Farbe: Deckkraft (%): Weichzeichnen (px): Eckenradius (px): Rahmen Aktiv Farbe: Breite (px): Stil: Leuchtrand außen Aktiv Farbe: Stärke (px): Ausdehnung (px): Abstand zum Rand (px): Tipp: Für einen deutlich sichtbaren Leuchtrand etwas Abstand zum Rand setzen (z. B. 24–32 px).
Individuelle Name-Farbe Ohne Auswahl erscheinen die bei Twitch festgelegten Farben. Farbe:
Rand manuell anpassen Farbe: Breite (px): Stil:
Glow / Leuchte Farbe: Stärke (px): Glow deaktivieren
Nachrichten durchlaufen lassen Standardmäßig werden ältere Nachrichten entfernt, sobald sie nicht mehr komplett ins Sichtfeld passen. Mit dieser Option bleiben sie als „laufender Feed“ stehen. Nachrichten automatisch ausblenden nach (Sekunden): Leer lassen oder 0 = aus. Wenn gesetzt, blenden Nachrichten nach der Zeit weich aus – unabhängig vom Durchlauf-Modus.
Kompakt-Look Kleiner Modus (Schrift/Avatare) Layout schlank halten (Blasen/Abstände) „Kleiner Modus“ reduziert Typografie/Avatare. „Layout schlank halten“ komprimiert Blasen, Abstände und Effekte – beides kann kombiniert werden. Außenabstand (px): Abstand zw. Nachrichten (px): Innenabstand Nachricht (px): Tipp: auto/leer = automatische, stilabhängige Werte • 0 = komplett entfernen. Statische 7TV Farben animieren ⓘ Wie wirken Kompaktmodus, Abstände und Paint-Animation? Kleiner Modus: Kleinere Schrift/Avatare/Zeilenhöhe. Layout schlank halten: Minimiert Rahmen/Glow/Abstände der Blasen. pad / gap / padMsg: Zahl = fester Override; leer = automatisch; 0 = entfernen. 7TV-Paints animieren: Bewegt nur statische Paints sanft. GIF/APNG bleiben animiert.