Border color

The border-color CSS property sets the border color of an element.

Class name	Properties
`_bdcl-primary`	border-color: hsl(var(--hsl-primary))
`_bdcl-primary-active`	border-color: hsl(var(--hsl-primary-active))
`_bdcl-primary-content`	border-color: hsl(var(--hsl-primary-content))
`_bdcl-accent`	border-color: hsl(var(--hsl-accent))
`_bdcl-accent-active`	border-color: hsl(var(--hsl-accent-active))
`_bdcl-accent-content`	border-color: hsl(var(--hsl-accent-content))
`_bdcl-base-100`	border-color: hsl(var(--hsl-base-100))
`_bdcl-base-200`	border-color: hsl(var(--hsl-base-200))
`_bdcl-base-300`	border-color: hsl(var(--hsl-base-300))
`_bdcl-base-400`	border-color: hsl(var(--hsl-base-400))
`_bdcl-line`	border-color: hsl(var(--hsl-line))
`_bdcl-content`	border-color: hsl(var(--hsl-content))
`_bdcl-content-inv`	border-color: hsl(var(--hsl-content-inv))
`_bdcl-positive`	border-color: hsl(var(--hsl-positive))
`_bdcl-positive-content`	border-color: hsl(var(--hsl-positive-content))
`_bdcl-negative`	border-color: hsl(var(--hsl-negative))
`_bdcl-negative-content`	border-color: hsl(var(--hsl-negative-content))
`_bdcl-warning`	border-color: hsl(var(--hsl-warning))
`_bdcl-warning-content`	border-color: hsl(var(--hsl-warning-content))
`_bdcl-info`	border-color: hsl(var(--hsl-info))
`_bdcl-info-content`	border-color: hsl(var(--hsl-info-content))
`_bdcl-black`	border-color: hsl(var(--hsl-black))
`_bdcl-white`	border-color: hsl(var(--hsl-white))
`_bdcl-crcl`
`_bdcl-tpr`
`_bdcl-ihr`
`_bdcl-us`

Use with _bdcl-* class to set the opacity of that color.
for example class="_bdcl-primary _bdcl-opacity-50"