design: Colors on svelte-select

This commit is contained in:
Andras Bacsai 2022-03-27 22:40:36 +02:00
parent 2786e7dbaf
commit e40541d831

View File

@ -50,12 +50,15 @@ #svelte .custom-select-wrapper .selectContainer {
} }
#svelte .listContainer { #svelte .listContainer {
@apply bg-coolgray-200 text-white; @apply bg-coolgray-400 text-white scrollbar-w-2 scrollbar-thumb-coollabs scrollbar-track-coolgray-200;
} }
#svelte .item.hover { #svelte .item.hover {
@apply bg-coolgray-100 text-white; @apply bg-coolgray-100 text-white;
} }
#svelte .item.active {
@apply bg-coollabs text-white;
}
select { select {
@apply h-12 w-96 rounded bg-coolgray-200 p-2 text-xs font-bold tracking-tight text-white placeholder-stone-600 outline-none transition duration-150 hover:bg-coolgray-500 focus:bg-coolgray-500 disabled:text-stone-600 md:text-sm; @apply h-12 w-96 rounded bg-coolgray-200 p-2 text-xs font-bold tracking-tight text-white placeholder-stone-600 outline-none transition duration-150 hover:bg-coolgray-500 focus:bg-coolgray-500 disabled:text-stone-600 md:text-sm;