:root{ --table-header-border-color: theme(colors.black); --table-body-border-color: theme(colors.grey.200); --table-text-color: theme(colors.black); } table{ @apply w-full mb-md; thead, tbody, tfoot{ tr{ @apply border-t; th,td{ color: var(--table-text-color); @apply text-sm text-left py-1.5 px-2.5; } } } thead{ tr{ border-color: var(--table-header-border-color); th{ } } } tbody{ tr{ border-color: var(--table-body-border-color); &:last-child{ @apply border-b; } } } }