Using primary tailwind colours in blade view and render hook

<span 
  class="inline-flex items-center rounded-md bg-primary-50 px-2 py-1 text-xs font-medium text-primary-700 ring-1 ring-primary-700/10 ring-inset"
>
  Badge
</span>

<span 
  class="inline-flex items-center rounded-md bg-primary-50 px-2 py-1 text-xs font-medium text-primary-700 ring-1 ring-primary-700/10 ring-inset"
>
  Badge
</span>