vue-multiselect icon indicating copy to clipboard operation
vue-multiselect copied to clipboard

DarkMode custom css Vue-Multiselect vue3 (Tailwind)

Open MATTOFIRE opened this issue 1 year ago • 2 comments

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

MATTOFIRE avatar Apr 21 '23 16:04 MATTOFIRE

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
}

Xinecraft avatar Feb 10 '24 14:02 Xinecraft