Setup Guide

Overlay Configurator

Colors, fonts, animation speed, position — all live-preview. No code, no reloads.

1

Open the Configurator

In your Tangia dashboard, click Overlays → Configure. The configurator opens in a split view: panel on the left, live preview on the right. Changes apply immediately — your OBS browser source picks them up within 2 seconds without refreshing OBS.

2

Choose a base theme

Pick from 4 base themes: Neon Dark (default), Clean Light, Minimal Mono, or Retro RGB. Each theme sets a starting color system, font choice, and animation style. You override any individual setting after selecting a base.

ThemeBest for
Neon DarkFPS, variety, co-op — dark UI games
Clean LightIRL, just chatting, creative streams
Minimal MonoSpeedruns, competitive, minimal distraction
Retro RGBRetro gaming, nostalgia streams, high energy
3

Customize colors, font, and animation

Fine-tune any setting independently:

  • Accent color — the neon highlight. Pick from preset palette or enter a hex code.
  • Background opacity — 0% to 100%. Lower opacity blends the overlay into your game without covering important areas.
  • Font — 8 options, all monospace-or-sans. Monospace fonts read better at small overlay sizes.
  • Animation speed — Snappy / Normal / Smooth. Snappy is 150ms, Normal is 300ms, Smooth is 600ms slide-in.
  • Position — Fixed: top-left, top-right, bottom-left, bottom-right. Or custom X/Y offset.
4

Configure per-overlay type

Each overlay type has its own settings panel beyond the global theme:

  • Sound Queue — max visible queue entries (1–5), sound icon style, pricing display toggle
  • Raid Takeover — full-screen vs corner banner, duration (15–90 sec), raider count display
  • Channel Point Alert — animation type (slide / pop / fade), max display time
  • Sub-Goal Tracker — progress bar style, goal label, milestone animation
Per-overlay type config is available on Creator and Studio plans. Free plan uses theme defaults.
5

Save and apply

Click Save Theme to persist your config. Your browser source URL doesn't change — OBS picks up the new styles automatically. You can save multiple named theme presets and switch between them before a stream.

Tip: save a "tournament mode" preset with minimal animation and reduced opacity for when you need the overlay to be low-distraction.