Skip to main content
When different teams build widgets across projects without a shared reference, colors, fonts, and components can drift from your brand guidelines. A theme stores the colors, fonts, and reusable components that the Widget Studio offers when someone builds a widget.

​
Access the themes dashboard

To access the Themes dashboard, click Studio > Themes in the left sidebar. From the dashboard, you can organize your view:
The Themes dashboard toolbar with a search bar, the Sort icon, and the Block view and List view toggle
  • Search: Use the search bar to find a specific theme by name.
  • Sort: Click the Sort icon to order themes by Modification date (newest to oldest or oldest to newest) or alphabetically (A to Z, Z to A).
  • View: Switch between Block view (grid) and List view using the icons next to the sort options.
  • Filter: Open the Filters sidebar to refine the list by Project or Status (Active/Inactive). Click Apply to update the list.
Filters sidebar for the Themes dashboard

​
Configure theme usage and defaults

Administrators can control how strict theme usage is for each project. You can require users to apply a theme or allow them to create widgets without one.
  1. On the Themes dashboard, click the settings (cog wheel) icon.
  2. In the Theme Usage & Default Themes panel, locate the project you want to configure.
  3. Select the usage mode:
    • Using a theme is optional: Users can choose whether to apply a theme when creating widgets.
    • All users must use a theme: Users must select a theme to create a widget.
  4. (Optional) Select a Default Theme. Kameleoon pre-selects this theme for users creating new widgets in this project.
  5. Click Save.
Theme Usage and Default Themes panel

​
Edit and manage existing themes

Each theme card provides quick access to management actions:
  • Edit: Click the Pencil icon to open the Theme Builder and modify colors, fonts, or components.
  • Secondary actions: Click the secondary actions (three dots) menu to:
    • See details: Open the Theme details panel to view the theme’s name, description, tags, linked project, and creation and modification dates.
    • Rename theme: Change the internal display name.
    • Manage tags: Add or remove tags for organization.
    • Duplicate theme: Create a copy of the theme.
    • Activate/Deactivate: Toggle the theme’s availability.
    • Delete: Permanently remove the theme.