Background

Below are examples of utility classes for different purposes, including background colors, text colors, and link colors with hover states.

<h2>Background Colors</h2>
  <div class="bg-primary text-white p-1">Primary background</div>
  <div class="bg-secondary text-white p-1">Secondary background</div>
  <div class="bg-error text-white p-1">Error background</div>
  <div class="bg-info text-white p-1">Info background</div>
  <div class="bg-blue text-white p-1">Blue background</div>
  <div class="bg-red text-white p-1">Red background</div>
  <div class="bg-yellow text-black p-1">Yellow background</div>
  <div class="bg-green text-white p-1">Green background</div>
  <div class="bg-orange text-white p-1">Orange background</div>
  <div class="bg-purple text-white p-1">Purple background</div>
  <div class="bg-gray text-white p-1">Gray background</div>
  <div class="bg-black text-white p-1">Black background</div>
  <div class="bg-white text-black p-1">White background</div>