In this section
Resources / Help / Account
Appearance and branding
Account defaults per product, plus optional overrides on each notification, survey or roadmap.
There is no single global Appearance page anymore. Each product owns its look: account defaults when you want one brand for everything, and optional per-item overrides when a single notification, survey or roadmap should stand out. Colors use #rrggbb hex values.
Where to configure defaults
| Product | Defaults live here | Per-item override |
|---|---|---|
| Notifications | Notifications → Appearance (Widget & Page, bell, category colors) | Appearance tab on each notification — toggle “Use account defaults” off to customize |
| NPS | NPS → Settings → Appearance | One NPS configuration per account (no separate inheritance layer) |
| Surveys | Surveys → Appearance | Appearance tab on each survey — inherit by default on new surveys |
| Roadmap | Road Map → Appearance | Appearance tab on each board — inherit by default on new boards |
| Status page | Status Page → Appearance | Per status page (unchanged) |
How inheritance works
- New surveys and roadmaps start on account defaults so you do not re-enter brand colors every time.
- If an item uses defaults, changing the product defaults updates how that item looks (after the next load on your site).
- When you customize an item, Hubbo stores that override. Switching back to defaults discards the custom look for that item.
- Widget & Page colors and the bell always come from notification Appearance defaults; the header string and CTA labels are edited under Notifications → Translations. Per-notification Appearance overrides apply to accent and item colors.
Notification defaults in detail
| Section | What you can change |
|---|---|
| Widget & Page | Header and text colors, font sizes, backgrounds and shadow for the widget list and notification page. Header copy and CTA labels are under Notifications → Translations, not Appearance. |
| Bell | Trigger background, icon color, optional custom CSS selector for your own trigger element. |
| Categories | Color for message, warning, news, fix, improvement, announcement and feature. |
Default category colors
| Category | Default color |
|---|---|
| Message | #47c485 |
| Warning | #fa896b |
| News | #13d7de |
| Fix | #ffae1f |
| Improvement | #b48b5c |
| Announcement | #539bff |
| Feature | #9f99f3 |
Permissions
Changing appearance needs the appearance permission. Designers have it by default. Other roles can see the settings but the Save button is disabled.
Style isolation
The widget is rendered in its own Shadow DOM, so your website’s CSS does not change how Hubbo looks and Hubbo’s CSS does not change your site.
Saved changes are applied to widgets already open
Appearance changes are pushed to Hubbo widgets in the admin preview straight away. On your own site, the new look is loaded the next time a page loads.