TEASEDocs
ProductsLinkLanding-page builder

Style the push-style notification banner

Set the banner's theme, color, position, and font independently of its text.

The push-style notification banner (the "someone just subscribed" style popup) has its own appearance object, separate from its text/link/timing fields — set through PATCH /api/admin/notification/{domain}'s style key.

Set the style

curl -X PATCH "https://app.tease.link/api/admin/notification/links.creator.com" \
  -H "Authorization: Bearer $TEASE_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "style": {
      "theme": "glass",
      "position": "bottom",
      "accent": "#e0426e",
      "avatar_shape": "rounded",
      "font": "nunito",
      "text_size": 1.1,
      "dim": 0.2
    }
  }'
KeyValues
themelight, dark, glass, liquid
positiontop, bottom
avatar_shapecircle, rounded, square
accent, text_color#rrggbb
opacity0.3–1
radius0–32 (px corner radius)
dim0–0.8 — a background dimming layer behind the banner
font, text_sizeOne of the 12 brand faces; size multiplier 0.85–1.3

Send { "style": {} } to clear it back to the stock look — null/absent leaves the field untouched rather than clearing it (unlike the bg/ui sections used elsewhere in the builder).

Confirm it worked

GET /api/admin/notification/{domain} echoes the stored style back in its response. On the published domain, the banner should visibly pick up the new theme/position/accent the next time it fires (it fires after its configured delay_ms, so give it a moment on a fresh page load).

What's next

On this page