Saltar al contenido
Índice de Documentación
Documentación Tailwind y Style

Tema oscuro semántico.

El modo oscuro cambia tokens de papel, tinta, línea y estados. No invierte colores ni permite que cada componente elija su propia paleta.

Elección del kit

  • Elección light o dark persistida por el selector en cis-style:theme.
  • Tema claro inicial cuando no hay una elección válida o el almacenamiento no está disponible.
  • El kit no sigue prefers-color-scheme; adoptar esa preferencia sigue pendiente (SG-04, CX-122), después de la tabla de contraste de BW-11.
  • Un adaptador que use tema de cuenta o servidor debe documentar y verificar su propia integración.

Contrato

TokenQué cambia
paperFondo principal
surfaceCapas de contenido
inkTexto principal
lineDivisores decorativos
line-controlBordes que identifican controles
accentTono de marca con contraste verificado
status-*Estados semánticos recalibrados

Evitar

  • Filtros invert sobre la página.
  • Flash de tema después de hidratar.
  • Grises absolutos dentro de componentes.
  • Sombras como única separación de capas.