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.
- Enable or disable accessibility contrasts.
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:
Selecting one of the circles opens a pop-up prompting the user to choose a color and adjust its transparency:
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: