Paleta de colores
Paleta de colores
ID: CAT-B-COLORSTokens de color definidos en tailwind.config.cjs.
Primarios
azul-brillante#000638PrimaryCLR-AZUL-BRILLANTE
azul-brillante-b#252A52Primary hoverCLR-AZUL-BRILLANTE-B
Exito
verde-general#18b941Success / ActivoCLR-VERDE-GENERAL
verde-secundario#03a23bSuccess buttonsCLR-VERDE-SECUNDARIO
verde-tenue#edfff2Success bgCLR-VERDE-TENUE
Error
rojo-general#e11d48Danger / ErrorCLR-ROJO-GENERAL
Advertencia
naranja-general#ffb734WarningCLR-NARANJA-GENERAL
naranja-secundario#f7ad00Warning hoverCLR-NARANJA-SECUNDARIO
naranja-tenue#fffae4Warning bgCLR-NARANJA-TENUE
Neutrales
gris-general#555555Texto secundarioCLR-GRIS-GENERAL
gris-secundario#ccccccBorders suavesCLR-GRIS-SECUNDARIO
gris-terciario#ddddddBordersCLR-GRIS-TERCIARIO
gris-tenue#f7f7f7Bg sutilCLR-GRIS-TENUE
gris-claro#f9f9f9Bg contenidoCLR-GRIS-CLARO
Badges (Tailwind)
green-300#86efacBadge verde borderCLR-GREEN-300
green-100#dcfce7Badge verde bgCLR-GREEN-100
green-800#166534Badge verde textCLR-GREEN-800
yellow-300#fde047Badge naranja borderCLR-YELLOW-300
yellow-100#fef9c3Badge naranja bgCLR-YELLOW-100
yellow-700#a16207Badge naranja textCLR-YELLOW-700
sky-300#7dd3fcBadge azul borderCLR-SKY-300
sky-50#f0f9ffBadge azul bgCLR-SKY-50
sky-800#075985Badge azul textCLR-SKY-800
red-300#fca5a5Badge rojo borderCLR-RED-300
red-50#fef2f2Badge rojo bgCLR-RED-50
red-700#b91c1cBadge rojo textCLR-RED-700
red-100#fee2e2Badge rojo-intenso bgCLR-RED-100
red-800#991b1bBadge rojo-intenso textCLR-RED-800
neutral-300#d4d4d4Badge gris borderCLR-NEUTRAL-300
neutral-100#f5f5f5Badge gris bgCLR-NEUTRAL-100
neutral-600#525252Badge gris textCLR-NEUTRAL-600