Apply colors manually - Fluid Topics - Latest

Fluid Topics Designer Guide
Category
Reference Guides
Audience
public
Version
Latest

The colors defined in the Theme studio do not automatically apply to all components. It is sometimes necessary to apply a color manually.

To do so:

  1. Open a component's Styles tab.

  2. Open a style accordion.

    • Open the Text accordion, for example.

  3. Select the Custom color button.

  4. In the Color dropdown menu, select a color, or a category from the Color mapping tab.

The color matches the theme, and it changes when a different theme becomes the default theme.

It is also possible to:

  1. Open the CSS properties accordion
  2. Enter a CSS property that takes a color as value.
  3. Assign the CSS property a CSS variable from the Theme studio.

For example:

color: var(--ft-custom-example);