sozsoft/sozsoft-platform
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Select komponenti dark mod

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ui/src/assets/styles/components/_select.css
View file

@ -1,6 +1,6 @@
.select { .select {
.select__placeholder { .select__placeholder {
@apply text-gray-400; @apply text-gray-400 dark:text-gray-300;
} }
.select__multi-value { .select__multi-value {
@ -40,7 +40,7 @@
} }
.select__control { .select__control {
@apply dark:bg-transparent h-auto; @apply dark:bg-transparent dark:text-white h-auto;
&.hide-single-value { &.hide-single-value {
.select__single-value { .select__single-value {
@ -63,11 +63,11 @@
} }
.select__menu { .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 { .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 { &.selected {
@apply bg-gray-100 dark:bg-gray-500; @apply bg-gray-100 dark:bg-gray-500;

5
ui/src/components/ui/Select/Select.tsx
View file

@ -257,7 +257,10 @@ function _Select<
mode === 'dark' mode === 'dark'
? twColor.gray['600'] ? twColor.gray['600']
: twColor.gray['300'], : twColor.gray['300'],
neutral80: twColor.gray['700'], neutral80:
mode === 'dark'
? (TW_COLORS as any).white
: twColor.gray['700'],
neutral10: neutral10:
mode === 'dark' mode === 'dark'
? twColor.gray['600'] ? twColor.gray['600']