# Utilities: color Source: `src/utilities/color.css` | Class | CSS output | | --- | --- | | `.velin-bg-danger` | `background-color: var(--velin-color-danger);` | | `.velin-bg-danger-subtle` | `background-color: var(--velin-color-danger-subtle);` | | `.velin-bg-info` | `background-color: var(--velin-color-info);` | | `.velin-bg-info-subtle` | `background-color: var(--velin-color-info-subtle);` | | `.velin-bg-primary` | `background-color: var(--velin-color-primary);` | | `.velin-bg-primary-subtle` | `background-color: var(--velin-color-primary-subtle);` | | `.velin-bg-secondary` | `background-color: var(--velin-color-secondary);` | | `.velin-bg-secondary-subtle` | `background-color: var(--velin-color-secondary-subtle);` | | `.velin-bg-success` | `background-color: var(--velin-color-success);` | | `.velin-bg-success-subtle` | `background-color: var(--velin-color-success-subtle);` | | `.velin-bg-surface` | `background-color: var(--velin-color-surface);` | | `.velin-bg-surface-bright` | `background-color: var(--velin-color-surface-bright);` | | `.velin-bg-surface-dim` | `background-color: var(--velin-color-surface-dim);` | | `.velin-bg-transparent` | `background-color: transparent;` | | `.velin-bg-warning` | `background-color: var(--velin-color-warning);` | | `.velin-bg-warning-subtle` | `background-color: var(--velin-color-warning-subtle);` | | `.velin-text-danger` | `color: var(--velin-color-danger);` | | `.velin-text-info` | `color: var(--velin-color-info);` | | `.velin-text-inherit` | `color: inherit;` | | `.velin-text-muted` | `color: var(--velin-color-text-muted);` | | `.velin-text-primary` | `color: var(--velin-color-primary);` | | `.velin-text-secondary` | `color: var(--velin-color-secondary);` | | `.velin-text-subtle` | `color: var(--velin-color-text-subtle);` | | `.velin-text-success` | `color: var(--velin-color-success);` | | `.velin-text-warning` | `color: var(--velin-color-warning);` |