Background Color
To use colors in background colors, use these classes bg-{action-color} where action-color is primary, primary-600, secondary, secondary-600, success, success-600, warning, warning-600, danger, danger-600, info and info-600
Background Primary
Background Primary 600
Background Secondary
Background Secondary 600
Background Success
Background Success 600
Background Warning
Background Warning 600
Background Danger
Background Danger 600
Background Info
Background Info 600
<div class="bg-primary">Background Primary</div>
<div class="bg-primary-600">Background Primary 600</div>
<div class="bg-secondary">Background Secondary</div>
<div class="bg-secondary-600">Background Secondary 600</div>
<div class="bg-success">Background Success</div>
<div class="bg-success-600">Background Success 600</div>
<div class="bg-warning">Background Warning</div>
<div class="bg-warning-600">Background Warning 600</div>
<div class="bg-danger">Background Danger</div>
<div class="bg-danger-600">Background Danger 600</div>
<div class="bg-info">Background Info</div>
<div class="bg-info-600">Background Info 600</div>