Цвет и темаlink

Так как тематические цвета основаны на черном и белом цветах с применением прозрачности, то они хорошо смотрятся и на цветном фоне.

<section class="theme-light bg-danger-tonal">
    <p class="color-primary">Основной текст</p>
    <p class="color-secondary">Вспомогательный текст</p>
    <p class="color-hint">Незначительный текст</p>
    <span class="c-icon-active">Активная иконка</span>
    <span class="c-icon-inactive">Неактивная иконка</span>
    <div class="b-divider m-top-1">Разделитель</div>
</section>