yann64
3faa74640d
- app.css : règle @layer base globale pour tous les <input>, <select>, <textarea> en mode sombre (bg-gray-700, border-gray-600, text-gray-100) sans toucher checkboxes, radios ni boutons - lieu-picker : bouton déclencheur, fenêtre modale, champ de recherche, liste de résultats et badges entièrement adaptés au thème sombre Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
33 lines
1.0 KiB
CSS
33 lines
1.0 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
[x-cloak] { display: none !important; }
|
|
|
|
@layer base {
|
|
/*
|
|
* Dark mode — champs de formulaire
|
|
* Appliqué globalement pour couvrir tous les <input>, <select>, <textarea>
|
|
* bruts qui n'utilisent pas le composant <x-text-input>.
|
|
* La spécificité (.dark + élément) surpasse les resets de @tailwindcss/forms.
|
|
*/
|
|
.dark input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]),
|
|
.dark select,
|
|
.dark textarea {
|
|
background-color: theme('colors.gray.700');
|
|
border-color: theme('colors.gray.600');
|
|
color: theme('colors.gray.100');
|
|
}
|
|
|
|
.dark input::placeholder,
|
|
.dark textarea::placeholder {
|
|
color: theme('colors.gray.400');
|
|
}
|
|
|
|
/* Options du <select> natif (fond navigateur) */
|
|
.dark select option {
|
|
background-color: theme('colors.gray.700');
|
|
color: theme('colors.gray.100');
|
|
}
|
|
}
|