Fix contrast issues with search select dropdown

This commit is contained in:
2026-06-09 09:41:30 +02:00
parent bd228365ed
commit 5c9bf45c61
3 changed files with 72 additions and 10 deletions
+50
View File
@@ -2892,6 +2892,16 @@
}
}
}
.group-data-\[search-select-highlighted\]\:border-white {
&:is(:where(.group)[data-search-select-highlighted] *) {
border-color: var(--color-white);
}
}
.group-data-\[search-select-highlighted\]\:text-white {
&:is(:where(.group)[data-search-select-highlighted] *) {
color: var(--color-white);
}
}
.placeholder\:text-body {
&::placeholder {
color: var(--color-body);
@@ -3160,6 +3170,24 @@
}
}
}
.group-data-\[search-select-highlighted\]\:hover\:border-white {
&:is(:where(.group)[data-search-select-highlighted] *) {
&:hover {
@media (hover: hover) {
border-color: var(--color-white);
}
}
}
}
.group-data-\[search-select-highlighted\]\:hover\:bg-brand-strong {
&:is(:where(.group)[data-search-select-highlighted] *) {
&:hover {
@media (hover: hover) {
background-color: var(--color-brand-strong);
}
}
}
}
.focus\:z-10 {
&:focus {
z-index: 10;
@@ -3259,6 +3287,28 @@
outline-style: none;
}
}
.data-\[search-select-highlighted\]\:bg-brand {
&[data-search-select-highlighted] {
background-color: var(--color-brand);
}
}
.data-\[search-select-highlighted\]\:outline {
&[data-search-select-highlighted] {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
}
.data-\[search-select-highlighted\]\:outline-1 {
&[data-search-select-highlighted] {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
}
.data-\[search-select-highlighted\]\:outline-brand-strong {
&[data-search-select-highlighted] {
outline-color: var(--color-brand-strong);
}
}
.sm\:table-cell {
@media (width >= 40rem) {
display: table-cell;