What can be customized?

Toucan AI is built for white-labelling and deep customization, so your analytics experience can look and feel like a seamless extension of your product or brand. Here’s what you can tailor to match your organization’s identity:

Themes & Colors

• Preset Themes: Choose from a library of professionally designed color palettes (such as Catppuccin and others) for instant style.

• Custom Themes: Create your own theme by adjusting primary, secondary, accent, and background colors, as well as border radius and chart palettes.

• Light & Dark Modes: Support for both light and dark color schemes, with full control over each.

• Sidebar Colors: Sidebar background, foreground, accent, border, and ring colors are all customizable via theme configuration.

Typography

• Font Family: Set a custom font to match your brand’s voice (via theme config).

• Font Sizes: Adjust base, heading, and label font sizes for accessibility and style.

Chart Styles

• Chart Colors: Customize series colors, backgrounds, and grid lines for all visualizations.

• Component Styling: Fine-tune the appearance of tooltips, legends, axes, and more.

Deep Theme Customization

Beyond basic colors and fonts, Toucan AI lets you define every aspect of your app’s look and feel using a JSON theme configuration. You can customize:

• Border radius for all UI elements

• Typography: font family and precise font sizes for different text elements

• Color palettes for both light and dark modes, including backgrounds, cards, popovers, primary/secondary/muted/accent/destructive colors, borders, and sidebar

• Chart appearance:

  • Chart series colors

  • Axis, label, and legend styles

  • Data label backgrounds, border radius, and colors

  • Bar, line, rect, and arc properties (width, radius, color, etc.)

• Advanced: Fine-tune every visual detail for both light and dark themes, including grid lines, tooltips, and more

You can create and upload a custom theme by providing a JSON file like this:

{
  "borderRadius": 0.25,
  "typography": { "fontFamily": "Montserrat", ... },
  "colors": { "light": { ... }, "dark": { ... } },
  "charts": { "light": { ... }, "dark": { ... } }
}

This gives you full control to match your product’s brand and deliver a seamless, white-labelled analytics experience.

---

With Toucan AI, you can deliver a fully branded analytics experience—no “powered by” required. If you need even deeper customization, reach out to our team for advanced theming and integration support.