33 lines
1.1 KiB
CSS
33 lines
1.1 KiB
CSS
.react-select__control {
|
|
@apply bg-midnightBlueTheme-cardColor rounded-lg border-gray-600 dark:bg-dark-800 dark:border-dark-700 !important;
|
|
}
|
|
|
|
.react-select__single-value {
|
|
@apply text-primaryText dark:text-white !important;
|
|
}
|
|
|
|
.react-select__menu {
|
|
@apply bg-midnightBlueTheme-cardColor dark:border-dark-700;
|
|
}
|
|
|
|
.react-select__menu-list {
|
|
@apply bg-midnightBlueTheme-cardColor dark:bg-dark-800 dark:border-dark-700 dark:rounded !important;
|
|
}
|
|
|
|
.react-select__option {
|
|
@apply cursor-pointer hover:bg-gray-200 hover:bg-midnightBlueTheme-cardColor dark:hover:bg-dark-700 !important;
|
|
}
|
|
|
|
.react-select__option--is-focused {
|
|
@apply bg-midnightBlueTheme-cardColor text-primaryText dark:bg-dark-800 dark:text-white hover:dark:bg-dark-700 hover:dark:text-white !important;
|
|
}
|
|
|
|
.react-select__option--is-selected,
|
|
.react-select__option--is-selected:hover {
|
|
@apply bg-midnightBlueTheme-cardColor dark:bg-dark-600 !important;
|
|
}
|
|
|
|
.react-select__multi-value__remove {
|
|
@apply text-midnightBlueTheme-cardColor dark:bg-dark-600 dark:text-white hover:dark:bg-red-300 hover:dark:text-red-600 !important;
|
|
}
|