Temas de Interfaz (CSS)
Para mantener la coherencia visual en todas las aplicaciones del ecosistema Maroun, se ha desarrollado un tema personalizado que define la paleta de colores, tipografías y estilos de los componentes de Scriptcase.
🎨 Maroun_tema
El tema principal del proyecto se denomina Maroun_tema. Este no fue creado desde cero, sino que es una versión optimizada y customizada a partir del tema base "Soft Cloud_sm".
Configuración en Scriptcase
Para aplicar o editar este estilo, se debe acceder a la siguiente ruta dentro del entorno de desarrollo:
- Acceso:
Diseño->Temas para las aplicaciones. - Nombre del Tema:
Maroun_tema.
🛠️ Personalizaciones Realizadas
Al basarse en Soft Cloud, se realizaron los siguientes ajustes para alinear la interfaz a la identidad de Maroun S.A.:
- Paleta de Colores: Se reemplazaron los azules genéricos por el Azul Maroun (#1b2d5b) en botones primarios y barras de navegación.
- Tipografía: Ajuste de fuentes para mejorar la legibilidad en tablas de datos extensas (Grids).
- Componentes: Customización de los campos de entrada (Inputs) y mensajes de alerta para que coincidan con la estética de la plantilla externa.
💡 Recomendaciones de Uso
- Aplicaciones Nuevas: Al crear una nueva Grid o Form, asegúrate de seleccionar
Maroun_temaen la pestaña de "Diseño" para heredar automáticamente los estilos corporativos. - Edición: Si necesitas realizar un cambio global (ej. cambiar el color de todos los botones "Guardar"), hazlo directamente en el editor de temas de Scriptcase. Esto actualizará todas las aplicaciones vinculadas sin tocar código individual.
- Consistencia: Evita usar estilos inline en las aplicaciones; confía en las clases CSS definidas en el tema para asegurar la escalabilidad del proyecto.