Version:

Updating the Primitives UIKit text color styles

The UIKit includes text styling for different colored backgrounds. These include styles for light, dark and colored backgrounds. Text themes are applied automatically when a color is selected for the background color of a component. When a color isn't selected, the text styling can be applied manually by content authors.

Updating the text color styles

The text color styles are Custom styles (classes). To update them, navigate to Site Studio > Styles > Custom styles and open the Generic category. Within this category you'll find the following text color styles:

  • Text color colored background (.coh-style-text-color-colored-background)
  • Text color dark background (.coh-style-text-color-dark-background)
  • Text color light background (.coh-style-text-color-light-background)
  • Card text colored background (.coh-style-card-text-colored-background)
  • Card text dark background (.coh-style-card-text-dark-background)
  • Card text light background (.coh-style-card-text-light-background)

Important: There are separate text color styles for the Card components. This is to provide more specific styling options for elements contained within the card components.

To update the text color styles, use the Style tree to select the different elements within the style and modify their colors.

 

DX8 knowledge base icon

Frequently asked questions

Get instant answers to common questions. Available online 24/7.

Find answers

Raise a ticket icon

Raise a support ticket

To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

Raise support ticket

Acquia

Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.