Text Color
Our Drupal themes include predefined CSS utility classes to control text color. You can use these css class to change color of text / heading easily.
Normal Text Color
1 | <p class="color-normal">Normal colored text</p> |
Theme Primary Color
1 | <p class="color-primary">Primary colored text</p> |
Theme Secondary Color
1 | <p class="color-secondary">Secondary colored text</p> |
Primary Light Color
1 | <p class="color-primary-light">Primary light colored text</p> |
Secondary Light Color
1 | <p class="color-secondary-light">Secondary light colored text</p> |
Light Text Color
1 | <p class="color-light">Light colored text</p> |
Dark Text Color
1 | <p class="color-dark">Dark colored text</p> |
White Text Color
1 | <p class="color-white">White colored text</p> |
Black Text Color
1 | <p class="color-black">Black colored text</p> |
Grey Text Color
1 | <p class="color-grey">Grey colored text</p> |
Light Grey Text Color
1 | <p class="color-grey-light">Light grey colored text</p> |
Info Text Color
1 | <p class="color-info">Informational text color</p> |
Note Text Color
1 | <p class="color-note">Note styled text</p> |
Success Text Color
1 | <p class="color-success">Success message text</p> |
Warning Text Color
1 | <p class="color-warning">Warning message text</p> |
Danger Text Color
1 | <p class="color-danger">Error or danger message text</p> |