Select komponenti dark mod

This commit is contained in:
Sedat ÖZTÜRK 2026-07-08 16:32:55 +03:00
parent 9cd49f3f66
commit 904f8ed447
2 changed files with 8 additions and 5 deletions

View file

@ -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;

View file

@ -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']