Text Color

Utilities for controlling the text color of an element.

Class	Properties
.c-{color-name}	color: {color};
.c-{color-name}-o-{value}	color: rgba({color}, {opacity});

Usage

Control the text color using the .c-{color-name} utilities.

Ich bin ein Text in Primärfarbe

Ich bin ein Text in Sekundärfarbe

Ich bin schwarz wie die Nacht

Ich habe die Farbe eines Subtexts

Text color transparency

Control the text color of an element using the .c-{color-name}–o-{value} utilities. The settings of the opacities can be changed in _settings.scss

This is a standard text color.

This is a blended text color.

This is a blended text color.

This is a blended text color.

This is a blended text color.

This is a blended text color.

Customization

All available colors are defined in _settings.scss. A distinction is made between basic colors, theme-specific colors and UI colors.

Variants

You can control which variants are generated by modifying the $utility-configuration in _settings.scss.