Inicio
Tema de Didactika v0.1Cambios
Qué contiene cada versión del sistema de diseño y del tema de Didactika.
El sistema de diseño y el tema tienen sus propias versiones, que se eligen en la barra de arriba. Una versión del tema nunca cambia el sistema de diseño.
Sistema de diseño v0.1
- Botones con la forma de Moodle pero más planos (radio de 8 px, 36 px de alto), botones de solo icono redondos, botones tonales y contadores en la esquina de un icono.
- Campos, selects con su propia lista, casillas, interruptores, rango, grupo de entrada, etiquetas flotantes y validación.
- Alertas, insignias, progreso con segmentos unidos, toasts, tooltips, popovers y diálogos con sus variantes.
- Pestañas, migas de pan, paginación, desplegables, navbar con el diseño de cada versión de Moodle y el componente de búsqueda.
- Tarjetas, listas, tablas para trabajar de verdad (barra de herramientas, selección, acciones de fila, cabeceras ordenables, paginador), acordeón, carrusel, panel lateral.
- Componentes de Didactika: estados vacíos, pasos, chips de filtro, cabecera de página, avatares, etiquetas, control segmentado, lista de descripción, línea de tiempo y zona de archivos; una pista propia para cada título.
- El inspector: medidas, código, solo las ediciones que admite un elemento (con deslizadores y deshacer), CSS propio para las clases, grupos plegables y navegación con teclado.
- API JSON con los componentes, tokens, iconos y marca.
Tema de Didactika v0.1
- Inter como tipografía, botones en píldora, mayor radio en superficies y diálogos.
- Un gradiente desde el color primario, elevación teñida y un halo en el foco.
- Movimiento: onda al hacer clic y una pequeña elevación al pasar el puntero.
- La paleta sobre los roles de Bootstrap, con gris pizarra como color secundario.
Sitio
- Moodle (5.3, 4.5 y 4.1), claro y oscuro, español e inglés.
- Búsqueda con
Ctrl K, una navegación lateral que recuerda su estado, tarjetas de código con botón de copiar.
UI