Themes let you brand your public roadmap to match your product — your logo, colors, fonts, and background — so customers see your roadmap inside your own visual identity rather than Harvestr's default styling. Once a theme is created, you can reuse it across as many public roadmap views as you need.
Themes only render on public roadmap views. To see how a theme will look to your customers, open the public roadmap URL in a private or incognito browser window. Themes apply to all three view types — Kanban, Swimlane, and Timeline.
Create a theme
Go to the theme settings in the roadmap section and click Create new theme.
The theme builder opens with a sample roadmap on the left and the configuration panel on the right. Every change you make updates the sample roadmap in real time so you can see the result as you go.
Start by giving your theme a name and, optionally, a description.
Base template
Pick one of four base templates that give your theme a default visual structure:
Light / flat: a light background with no color on the project cards.
Light / colored: a light background with colored project cards.
Dark / flat: a dark background with no color on the project cards.
Dark / colored: a dark background with colored project cards.
Each template comes with sensible default properties (contrasts, spacing, and so on) that aren't editable from the interface. We set those defaults to make sure your theme always looks polished.
Branding and banner
Configure how the top banner of your roadmap looks.
Favicon
The favicon is the icon displayed in the browser tab when someone opens your roadmap view.
Logo
Displayed in the top-left corner of the roadmap. You can also add a hyperlink so the logo becomes a clickable link, for example back to your homepage.
Background
Pick a background color for the banner.
Pro tip: add two background colors to build a gradient.
Viewport
The viewport is everything below the banner — the roadmap canvas itself. You can configure:
Theme color (Light/colored and Dark/colored templates only): the background color of your project cards.
Font family: the font applied globally to all roadmap text — titles, descriptions, captions, and so on.
Primary font color: the color used for roadmap, group, sub-group, and project card titles.
Secondary font color: the color used for the roadmap description, group descriptions, and project card captions.
Card primary font: overrides the global primary color for project card titles only.
Card secondary font: overrides the global secondary color for project card captions only.
Background: the color of the canvas background (independent of the banner background).
Background image: upload an image to use as the canvas background instead of a solid color.
Project dialog
Configure how a project card looks when someone clicks it open:
Content background: the background color of the open card.
Footer background: the background color of the open card's footer.
Project fields
By default, project field values (Milestone, State, Goal, and so on) display in Harvestr's standard colors. With a theme, you can override these to match your branding.
Customize field value colors
For each default color on the left (shown as a colored circle), match a new custom color on the right.
Custom colors only render on public roadmap views where the theme is applied. Inside Harvestr (in your edit views), field values continue to display in the standard Harvestr colors.
Apply a theme to a roadmap view
Once your theme is saved, apply it to a public roadmap view by opening the theme selection dropdown in the top-right corner of the view.
Pick the theme you want. It applies immediately and stays applied until you change it.
A single theme can be reused across as many public views as you want — useful if you have several customer-facing roadmaps and want them to look consistent.
Preview a themed roadmap
Themes only render in the public-facing view. To see what your customers will see, open the public roadmap URL in a private or incognito browser window. The theme will render exactly as it does for a logged-out visitor.
Related
Share a public roadmap with customers — the full workflow for publishing a roadmap, including where to apply a theme.
Build your product roadmap — projects, views, fields, and export.





