shentao / vue-multiselect

Universal select/multiselect/tagging component for Vue.js
https://vue-multiselect.js.org/
MIT License
6.66k stars 991 forks source link

DarkMode custom css Vue-Multiselect vue3 (Tailwind) #1690

Open MATTOFIRE opened 1 year ago

MATTOFIRE commented 1 year ago

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

Xinecraft commented 6 months ago

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
}