Theme Uniramp Widget

You can customize the widget to match your brand perfectly.

We understand how crucial it is for our partners to maintain brand consistency within their applications. This ensures they can deliver a cohesive and seamless experience. To support this, we developed a theming engine that can adapt to any style or design.

The following properties are customizable:

Query Params
Description

Primary Color

This color is used as the dominant color of your widget, affecting areas like buttons and highlights.

Secondary Color

A complementary color that will be used for accents and minor elements.

Primary Text

The main text color for headlines or important information.

Secondary Text

Color used for secondary information, such as descriptions or labels.

Container Color

Background color of the container that wraps the entire widget.

Card Color

Defines the background color for individual cards inside the widget.

Element Border

Controls the color of the borders around buttons, cards, or containers.

Container Border

The border around the entire widget container.

Step-by-Step Setup Instructions

  1. Install the widget: Add the widget code to your project.

  2. Open the theme builder: Use the following link to access the theme builder and style your widget: Click here to open the theme builder.

  3. Apply and Preview: Choose your colors and settings, then apply them to see live changes.

  4. Integrate: Finalize the design and add it to your web app.

Best Practices

  • Readability: Use high contrast colors for text and backgrounds.

  • Consistency: Avoid using too many different colors, especially for key elements like buttons.

Default Themes

Use the theme builder

Click on the following link to use our theme builder and style your widget to your preference.

Last updated