Theme Parity Checklist
Objetivo
Evitar que una vista quede correcta en un tema y rota/inconsistente en el otro.
Componentes a verificar
- Layout base (fondo, header, sidebar, content, footer)
- Cards y contenedores
- Tablas (header, filas, hover, bordes)
- Inputs/select/date pickers
- Botones y tags
- Alertas/estados (success, warning, error, info)
Estados a verificar
- Default
- Hover
- Focus
- Disabled
- Loading
- Empty/Error
Reglas de paridad
- Mantener jerarquia visual equivalente en ambos temas.
- Asegurar contraste legible de texto, bordes e iconos.
- Evitar hardcodear colores sin version dark/light.
- Reusar tokens/variables de tema siempre que sea posible.
Flujo recomendado
- Aplicar estilos en tema base.
- Replicar/ajustar para el tema alterno.
- Revisar checklist completo por pantalla.
- Validar casos de tabla + filtros + alertas.
Checklist rapido
- Todos los textos son legibles en ambos temas
- Bordes y separadores siguen siendo visibles
- Estados de color mantienen su significado
- Inputs y botones tienen focus/hover claros
- No hay bloques con fondo heredado incorrecto