Colors - Fluid Topics - Latest

Fluid Topics Configuration and Administration Guide
Category
Reference Guides
Audience
public
Version
Latest

In the Colors section of the Theme administration interface, it is possible to perform the following actions:

  • Define up to three brand colors to apply throughout the portal. The variables assigned to these brand colors are @primary, @secondary, and @tertiary.

  • Define values for the color variables of Fluid Topics.

In the example below, entering the variable @secondary in the CSS color code fields for Page Title Color and Facet Title Color applies the corresponding color to these elements:

A user interface showing color settings with three color options labeled as primary, secondary, and tertiary. The secondary color is highlighted. Below the color options, two entries indicate that the secondary color is used for both 'Page Title Color' and 'Facet Title Color'.

Selecting one of the circles opens a pop-up prompting the user to choose a color and adjust its transparency:

A color picker interface. The interface features a large gradient area for selecting shades of green, a horizontal slider with a full spectrum of colors, and a transparency adjustment slider. The selected color is displayed as a circle filled with green (#059469) at the bottom left, along with its hexadecimal code beside it.

It is also possible to enter the CSS color code in the dedicated field.

Selecting the circle next to the name of a variable (or entering a CSS color code in the dedicated field) gives the user the option to apply a color different from the brand colors:

An interface for adjusting the 'Fields Border Color'. It includes a circular preview filled with the selected color (light gray), and the color's hexadecimal code #b2b2b2 inside a text box next to it. On the right, descriptive text reads 'Fields Border Color (@fieldsBorderColor): Color used for the border around elements in the contents.'

Color values do not apply in designed pages.