Weather Alerts

Severe-weather toasts for the location the app is configured to watch. Each toast shows the headline, event, and affected areas, with a left border colored by severity from minor through extreme.Renders live from weatherAlert.

Add to OBS

http://127.0.0.1:5598/overlays/weather-alerts.html?broadcasterId=YOUR_TWITCH_ID

In OBS, add a Browser source and paste the URL above.
Replace YOUR_TWITCH_ID with your Twitch user id. The exact host and port are shown in the app's Overlays panel.
Set a transparent background and turn off "Shutdown source when not visible".
Not sure it works yet? Add &preview to replay sample events with no live connection.

Options for this overlay

Query parameters specific to Weather Alerts.
Parameter	Default	Purpose
ttl	10000	How long each weather toast stays on screen, in milliseconds.

Common parameters

Every overlay understands these.
Parameter	Default	Purpose
broadcasterId required	none	Your Twitch user id. The overlay joins this broadcaster's live group and will not connect without it.
preview	off	Add ?preview (or ?demo) to replay sample events with no live connection. Handy for a first look in OBS.
scale	off	A size multiplier over the default root sizing, for example scale=1.5.
log	off	Console verbosity: ?log=silent, error, warn, info, or debug. ?debug is shorthand for ?log=debug.
base	off	Origin override for advanced cross-origin setups. Defaults to the page origin.

Theme parameters

Re-skin any overlay from the URL, no rebuild needed. Each maps to a CSS custom property. Write %23 for the # in a color, since # ends the query string.

Theme tokens, applied as CSS custom properties.
Parameter	Default	Purpose
bg	off	Background color.
fg	off	Foreground text color.
accent	off	Accent color.
font	off	Font family.
fontSize	off	Base font size.
weight	off	Font weight.
radius	off	Corner radius.
blur	off	Backdrop blur amount.
padX	off	Horizontal padding.
padY	off	Vertical padding.
letterSpacing	off	Letter spacing.

Want something bespoke instead? Build it in the Overlay Studio.