📄️ Primeros pasos con temas
Un tema define la apariencia del sitio: colores, tipografías, espaciados y estilos de componentes. Crono trae varios temas listos (Compacto, Compacto Azul, Compacto Rojo, entre otros) y permite crear los tuyos partiendo de uno existente.
📄️ Configuración de tema
Las variables del tema son el mecanismo por el que se personaliza la apariencia sin editar SCSS: se declaran en el tema.config y se pueden ajustar desde el backend. Cada variable termina disponible como variable Sass durante la compilación, de modo que anula los valores por defecto de Bootstrap o de Crono.
📄️ Estilos de tema
Los estilos de un tema se escriben en Sass (SCSS) y se compilan en tiempo de ejecución. El punto de entrada es wwwroot/tema.scss, que orquesta el orden de importación: primero funciones y variables, luego Bootstrap, luego los parciales del tema.
📄️ Herencia de temas
Un tema puede heredar de otro y redefinir solo lo que cambia. Es la forma recomendada de crear variantes: en lugar de duplicar todo el tema base, declaras un tema hijo que apunta al padre y sobrescribe unas pocas variables o archivos.
📄️ Empaquetado de recursos
Para no servir decenas de archivos sueltos, Crono combina y minifica los recursos estáticos (Sass/CSS y JavaScript) antes de entregarlos al navegador. El objetivo es reducir peticiones y peso en producción, manteniendo la comodidad de trabajar con archivos separados en desarrollo.
📄️ Tag Helpers
Los tag helpers son etiquetas de servidor que se escriben como HTML en las vistas Razor y el motor expande a marcado real. Crono aporta un conjunto propio (barras de pestañas, zonas, modales, controles de formulario, imágenes de medios, etc.) que encapsulan patrones repetidos del backend y el frontend.