Colors - Fluid Topics - 3.10

Fluid Topics Configuration and Administration Guide

Category
Reference Guides
Audience
public
Version
3.10

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:

Using color variables

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

Page title color

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:

Select color circle