Career Site Builder: Theme colors

Available for Roles Super Admin, Admin, Team Member, Limited Team Member, Interviewer
Limited to 5 users per Lever instance
Packages Standard Career Site Builder

Lever's Career Site Builder allows you to create your own custom career site connected to your Lever environment. You can use the builder to control the look and feel of your career site, ensuring that each candidate's experience aligns with your organization's brand. In this article, you will learn how to manage your Theme Color settings for your career site. Theme colors allow you to define a color palette and link the individual colors to any or all widgets with color settings. The color of any element that is linked to the theme colors will automatically be updated when the linked color is changed in the global colors settings. This allows you to quickly make color changes, which helps reduce design time and ensures your site's style is consistent across pages.

Configuring theme colors

To configure theme colors:

  1. In the left panel, click Theme > Colors
  2. Click the plus icon next to the color setting you wish to define
  3. Type the HEX or RGB value of the desired color, or use the eye dropper tool to select a color

Repeat these steps as necessary for each theme color. Next, you need to connect the colors to widgets on your site.

Automatically configure theme colors

The automatic theme colors generator scans your site and detects the most frequently used colors. It generates a list of colors to select from, and once selected, those colors become your theme colors and are connected to your site widgets.

  1. In the left panel, click Theme > Colors
  2. Click Start connecting colors
  3. Click Connect it for me or I'll connect it myself
  4. (Optional) If you selected I'll connect it myself, click the plus icon next to each color in the design panel and select the colors individually
  5. Select which of the generated colors you want to use
  6. Click Save & Connect Colors

The colors will populate in the Colors section of the Site Theme panel.

Connect theme colors to widgets

To connect a widget to a theme color:

  1. Click a widget to open it’s settings menu
  2. Open the color settings and select one of the theme colors listed at the top
  3. Repeat as necessary for other elements
  4. (Optional) If you need to edit one of the theme colors, click the pencil icon and the theme colors settings will open where you can edit the desired color

Once a widget is connected to theme colors it will automatically update when the linked theme color is updated.

Was this article helpful?
0 out of 0 found this helpful