color-variable-helper.test.html

<div class="text-primary text-opacity-50">tailwindcss-variables</div>
<div class="bg-secondary bg-opacity-50">tailwindcss-variables</div>
<div class="bg-gray bg-opacity-50">tailwindcss-variables</div>
<div class="text-blue text-opacity-50">tailwindcss-variables</div>
<div class="bg-red-400">tailwindcss-variables</div>
<div class="bg-red-500">tailwindcss-variables</div>
<div class="bg-red-600">tailwindcss-variables</div>
<div class="bg-green bg-opacity-50">tailwindcss-variables</div>
<div class="bg-white bg-opacity-50">tailwindcss-variables</div>
<div class="bg-yellow bg-opacity-50">tailwindcss-variables</div>

<div class="bg-indigo-400">tailwindcss-variables</div>
<div class="bg-indigo-500">tailwindcss-variables</div>
<div class="bg-indigo-600">tailwindcss-variables</div>

<div class="text-indigo-400">tailwindcss-variables</div>
<div class="text-indigo-500">tailwindcss-variables</div>
<div class="text-indigo-600">tailwindcss-variables</div>