Theme Customizer

Before you Begin

Navigate to Admin > System Configuration > Theme Customizer

About the Task

This is where you can customize the look of your Pliant interface. You can use Pliant's built-in themes or create multiple themes based on your preferences that save your customization settings. Themes can be edited through the "pen" icon on the right or deleted through the trash icon.

The Theme Customizer page

Theme Settings

The following sections are available for customizing a theme:

Section

Description

Page Title

This is where you name your theme. You can upload a custom logo to be displayed in the upper left corner, and a favicon for the logo. For more information, see Applying Custom Logo

Theme Base

In this section, you can set a base to either light or dark. This selection sets the correct background and foreground colors.

Brand Colors

These colors are your main colors for the Pliant application. They will be used throughout the theme. 

UI Customization

These selections represent color customization for your main UI elements: topbar background-colortext color, and background color.

Block Colors

These colors are used for displaying different types of integration blocks' background and text colors.

Clicking the appropriate circles allows for changing the colors.

There is also a preview pane on the right that shows how the current theme customization will look.

  • To reset the settings to their initial state, click the "Reset" button on the bottom right of the page.

  • To go back to the main page, select "Back" on the bottom left of the page

  • To save the settings of a theme in their current state, click the "Save" button on the bottom right of the page.

Once you click on the "Save" button, you will be prompted to give your theme a name. Click "Save" to complete the process.

Applying a Theme

Once created, a theme appears on the "Theme Customizer" page. 

      1. To apply a saved theme, go to "Color scheme". This is the bucket icon on the top right corner of the page.

      2. Select the desired theme and changes will be applied instantly.

If you are unable to see your new theme in the list of themes, or if the applied theme's logo and colors are not visible, refresh your browser to see the changes applied.