Where to configure theme settings
Theme settings for Smart Planner are managed under Settings → Distribution Channel → Theme (or the equivalent theming section in your TripBuilder admin panel, depending on your version).
Smart Planner inherits from the broader TripBuilder theme configuration but also has specific overrides for planner-specific UI elements.
What you can customize
Colors
You can set custom colors for the following elements:
Element | What it controls |
Primary color | Buttons, links, selected states, progress indicators |
Secondary color | Secondary actions, hover states, accents |
Font family | Pick amongst a few options |
Font Url | Provide the url to a specific font |
Borders rounding | Rounded or squared |
Colors are specified as hex values (e.g., #1A73E8).
How theming works in practice
Smart Planner renders its UI using the theme values from your DC settings. When a user opens Smart Planner on your website or portal:
The planner loads the theme configuration for that Distribution Channel.
All UI elements (buttons, cards, drawers, text) render using your custom colors and fonts.
The experience looks and feels like part of your branded website.
If no custom theme is configured, Smart Planner uses Nezasa's default theme.
Tips for effective branding
Test contrast — ensure your primary color provides sufficient contrast against card backgrounds and text. Poor contrast makes the planner hard to read.
Keep it consistent — use the same primary and secondary colors as the rest of your website for a seamless experience.
Logo sizing — use a horizontal logo rather than a stacked one for best results in the planner header.
Preview before publishing — test your theme configuration in a staging environment before applying it to your live DC.
Limitations
Theme settings apply to the entire Smart Planner interface for a given DC. You cannot theme individual templates differently.
Some UI elements in third-party drawers (e.g., payment forms) may not fully inherit your theme due to iframe isolation.
Very long font names or unavailable web fonts will fall back to system defaults.