Weather Forecast
A multi-day forecast strip with a condition icon per day. The icons are self-hosted and arrive already resolved on the payload, so the overlay renders with no outside asset requests.Renders live from weatherForecast.Add to OBS
http://127.0.0.1:5598/overlays/weather-forecast.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 Forecast.
units | Fahrenheit | Temperature units: c, celsius, or metric for degrees Celsius, otherwise Fahrenheit. |
- Parameter
- units
- Default
- Fahrenheit
- Purpose
- Temperature units: c, celsius, or metric for degrees Celsius, otherwise Fahrenheit.
Common parameters
Every overlay understands these.
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. |
- Parameter
- broadcasterId required
- Default
- none
- Purpose
- Your Twitch user id. The overlay joins this broadcaster's live group and will not connect without it.
- Parameter
- preview
- Default
- off
- Purpose
- Add ?preview (or ?demo) to replay sample events with no live connection. Handy for a first look in OBS.
- Parameter
- scale
- Default
- off
- Purpose
- A size multiplier over the default root sizing, for example scale=1.5.
- Parameter
- log
- Default
- off
- Purpose
- Console verbosity: ?log=silent, error, warn, info, or debug. ?debug is shorthand for ?log=debug.
- Parameter
- base
- Default
- off
- Purpose
- 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.
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. |
- Parameter
- bg
- Default
- off
- Purpose
- Background color.
- Parameter
- fg
- Default
- off
- Purpose
- Foreground text color.
- Parameter
- accent
- Default
- off
- Purpose
- Accent color.
- Parameter
- font
- Default
- off
- Purpose
- Font family.
- Parameter
- fontSize
- Default
- off
- Purpose
- Base font size.
- Parameter
- weight
- Default
- off
- Purpose
- Font weight.
- Parameter
- radius
- Default
- off
- Purpose
- Corner radius.
- Parameter
- blur
- Default
- off
- Purpose
- Backdrop blur amount.
- Parameter
- padX
- Default
- off
- Purpose
- Horizontal padding.
- Parameter
- padY
- Default
- off
- Purpose
- Vertical padding.
- Parameter
- letterSpacing
- Default
- off
- Purpose
- Letter spacing.