From e40541d8313bfa5192462720950fc7da5f4ea2d1 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Sun, 27 Mar 2022 22:40:36 +0200
Subject: [PATCH] design: Colors on svelte-select

---
 src/tailwind.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/tailwind.css b/src/tailwind.css
index 0c8f973b3..1f357acfb 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -50,12 +50,15 @@ #svelte .custom-select-wrapper .selectContainer {
 }
 
 #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 {
 	@apply bg-coolgray-100 text-white;
 }
+#svelte .item.active {
+	@apply bg-coollabs text-white;
+}
 
 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;