Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
MATTOFIRE opened this issue Apr 21, 2023 · 2 comments
Open

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

MATTOFIRE opened this issue Apr 21, 2023 · 2 comments

Comments

@MATTOFIRE
Copy link

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 MATTOFIRE changed the title DarkMode custom css Vue-Multiselect vue3 DarkMode custom css Vue-Multiselect vue3 (Tailwind) Apr 21, 2023
@Xinecraft
Copy link

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
}

@choper725
Copy link

any tips on changing the group tags also ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants