Select komponenti dark mod
This commit is contained in:
parent
9cd49f3f66
commit
904f8ed447
2 changed files with 8 additions and 5 deletions
|
|
@ -1,6 +1,6 @@
|
|||
.select {
|
||||
.select__placeholder {
|
||||
@apply text-gray-400;
|
||||
@apply text-gray-400 dark:text-gray-300;
|
||||
}
|
||||
|
||||
.select__multi-value {
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
}
|
||||
|
||||
.select__control {
|
||||
@apply dark:bg-transparent h-auto;
|
||||
@apply dark:bg-transparent dark:text-white h-auto;
|
||||
|
||||
&.hide-single-value {
|
||||
.select__single-value {
|
||||
|
|
@ -63,11 +63,11 @@
|
|||
}
|
||||
|
||||
.select__menu {
|
||||
@apply bg-white dark:bg-gray-700 dark:shadow-2xl;
|
||||
@apply bg-white dark:bg-gray-700 dark:text-white dark:shadow-2xl;
|
||||
}
|
||||
|
||||
.select-option {
|
||||
@apply flex items-center justify-between px-2 py-1.5 hover:bg-gray-50 dark:hover:bg-gray-600 cursor-default;
|
||||
@apply flex items-center justify-between px-2 py-1.5 hover:bg-gray-50 dark:text-white dark:hover:bg-gray-600 cursor-default;
|
||||
|
||||
&.selected {
|
||||
@apply bg-gray-100 dark:bg-gray-500;
|
||||
|
|
|
|||
|
|
@ -257,7 +257,10 @@ function _Select<
|
|||
mode === 'dark'
|
||||
? twColor.gray['600']
|
||||
: twColor.gray['300'],
|
||||
neutral80: twColor.gray['700'],
|
||||
neutral80:
|
||||
mode === 'dark'
|
||||
? (TW_COLORS as any).white
|
||||
: twColor.gray['700'],
|
||||
neutral10:
|
||||
mode === 'dark'
|
||||
? twColor.gray['600']
|
||||
|
|
|
|||
Loading…
Reference in a new issue