Text Color Utilities
| Utility Class | Description |
|---|---|
| .text-color-primary | Sets color to $font-color-primary. |
| .text-color-secondary | Sets color to $font-color-secondary. |
| .text-color-accent-primary | Sets color to $accent-color-primary. |
| .text-color-coconut | Sets color to $coconut. |
| .text-color-warning | Sets color to $feedback-color-warning. |
Icon Color Utilities
| Utility Class | Description |
|---|---|
| .icon-color-midnight | Sets color to $midnight. |
| .icon-color-success | Sets color to $feedback-color-success. |
| .icon-color-warning | Sets color to $feedback-color-warning. |
Border Color Utilities
| Utility Class | Description |
|---|---|
| .border-color-transparent | Sets border-color to transparent. |
| .border-color-primary | Sets border-color to $border-color-primary. |
| .border-color-secondary | Sets border-color to $border-color-secondary. |
Background Color Utilities
| Utility Class | Description |
|---|---|
| .bg-ultramarine | Sets background color to $ultramarine. |
| .bg-midnight | Sets background color to $midnight. |
| .bg-coconut | Sets background color to $coconut. |
| .bg-transparent | Sets background color to transparent. |
| .bg-cobalt | Sets background color to $cobalt. |
| .bg-blueberry | Sets background color to $blueberry. |
| .bg-cornflower | Sets background color to $cornflower. |
| .bg-ice | Sets background color to $ice. |
| .bg-storm | Sets background color to $storm. |
| .bg-haze | Sets background color to $haze. |
| .bg-mist | Sets background color to $mist. |
| .bg-cloud | Sets background color to $cloud. |
| .bg-accent-primary | Sets background color to $accent-primary. |
| .bg-gradient-primary | Sets background color to $accent-color-primary and background-image to $gradient-primary. |