Ici, vous pouvez prévisualiser les thèmes pré-conçus. N'hésitez pas à explorer, à basculer entre les modes clair et sombre pour chacun, et à voir quel style convient le mieux à votre projet. Lorsque vous en trouvez un qui vous plaît, copiez son code CSS et collez-le dans votre projet pour appliquer le thème instantanément. C'est un moyen simple de mettre en place rapidement la base visuelle de votre projet.
Palette de Couleurs
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
Exemple de Composant
Badge (sm)
neutral
primary
secondary
accent
ghost
Toggle
Checkbox
Key ⌘+Ctrl+Z Shift+Alt+→
Ce que vous voyez vous plaît ?
Dans src/styles/global.css, remplacez les thèmes clair et sombre actuels par l’extrait de code suivant :