D
Dolitzi
Página de prueba • tema
Dark-only • paletas propias
Cursos, progreso y formularios
Fondo por capas sólidas: 950 body, 900 secciones, 800 cards, 700 hover/detalles.
Texto: text-50/100/300/400Botones/links: brandProgreso/OK: progress
Focus en formularios: brand
Racha
7 días
constancia
Cursos activos
3
en progreso
Tiempo hoy
42 min
estudio
Meta semanal
5 h
objetivo
Tus cursos
Anatomía Humana
Sistema locomotor • 24 lecciones
Progreso: 62%15/24
Actualizado: Hoy
Biología Molecular
ADN, ARN y síntesis • 18 lecciones
Progreso: 35%6/18
Actualizado: Ayer
Psicotécnico
Series, matrices y lógica • 40 ejercicios
Progreso: 80%32/40
Actualizado: Hace 2 días
Formularios
focus = brandIngreso
Inputs con foco (ring/border) basado en brand.
Preferencias
Select, textarea, radio y estados.
Notificaciones
Modo enfoque
Oculta distracciones
Usuario (error)
Este nombre ya está ocupado.
Código (ok)
Código válido.
Guía rápida
- Fondo: bg-layer-950 (body), bg-layer-900 (secciones), bg-layer-800 (cards)
- Texto: text-text-50 títulos, text-text-300 párrafos, text-text-400 meta
- Focus: focus:border-brand-500 + focus:ring-brand-500/40
- Progreso: barras y OK con progress