vue-multiselect
vue-multiselect copied to clipboard
DarkMode custom css Vue-Multiselect vue3 (Tailwind)
Hi is there a way to customize the darkmode that is now integrated in laravel using the possibility of modification as per the documentation? or if there is a way I ask if someone has ever had this need or problem.
Thank you
Here is little hack to use multi-select in both light and dark-mode with tailwind.
/* in your app.scss of laravel */
.multiselect .multiselect__tags {
@apply dark:bg-gray-900 dark:border-gray-700 dark:text-gray-300
}
.multiselect__tags .multiselect__single {
@apply dark:bg-gray-900
}
.multiselect .multiselect__input {
@apply dark:bg-gray-900
}
.multiselect .multiselect__content-wrapper {
@apply dark:bg-gray-900 dark:text-gray-300 dark:border-gray-800
}
.multiselect .multiselect__option--selected {
@apply dark:bg-gray-700 dark:text-gray-300
}