Summary Please add first‑class dark‑mode support and a transparent (or configurable) background option for the HubSpot website chat widget. Current behavior We use the HubSpot web chat widget on our product, which has a modern dark‑mode interface. The widget itself sits inside a solid rectangular container that’s rendered as a black box behind the chat bubble. In dark mode, this creates a heavy block in the corner of the screen that doesn’t match our layout or spacing (see attached screenshot). Even after customizing the accent color and font in the chat channel settings, we cannot change or remove this solid container. The widget also does not adapt to the browser/OS dark‑mode preference, so it looks “bolted on” instead of integrated with the rest of the UI. Requested improvements Add an option for the chat widget container to be transparent (or have configurable opacity) so only the chat bubble appears over our app, without a big black box behind it. Provide better dark‑mode support for the widget (e.g., respect prefers-color-scheme or let us define separate light/dark styles). Expose more granular appearance controls (background color, radius, shadow, margins) in the chat channel/brand settings or via the Chat widget SDK so we can properly match our product UI. Why this matters Our product UI (Zeck) is heavily design‑driven, and a large black rectangle around the chat widget in dark mode feels off‑brand and distracts from the page content. We’d like the HubSpot chat to feel native to our app so we can confidently use it as our primary support entry point. A transparent or theme‑aware container would significantly improve the UX and visual polish for any product using dark mode or custom layouts.
...read more