Aquí puedes previsualizar los temas preconstruidos. Siéntete libre de explorar, cambiar entre los modos claro y oscuro para cada uno, y ver qué estilo se adapta mejor a tu proyecto. Cuando encuentres uno que te guste, copia su código CSS y pégalo en tu proyecto para aplicar el tema al instante. Es una forma sencilla de tener la base visual de tu proyecto lista y funcionando rápidamente.
Paleta de Colores
primary
primary-content
secondary
secondary-content
accent
accent-content
neutral
neutral-content
base-100
base-200
base-300
base-content
info
info-content
success
success-content
warning
warning-content
error
error-content
Additional Variables
--prbc
Mix of primary & base-content
Mix of primary & base-content
--subc
Mix of success & base-content
Mix of success & base-content
--wabc
Mix of warning & base-content
Mix of warning & base-content
--erbc
Mix of error & base-content
Mix of error & base-content
Muestra de Componente
Badge (sm)
neutral
primary
secondary
accent
ghost
Toggle
Checkbox
Key ⌘+Ctrl+Z Shift+Alt+→
¿Te gusta lo que ves?
En src/styles/global.css, reemplaza los temas claro y oscuro actuales con el siguiente fragmento de código: