From 5f7f7c78b0d124e0318d5d3283ff5e99b5c16e45 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Thu, 1 Dec 2022 16:36:38 +0100
Subject: [PATCH] Change tom-select colors

cf. select2
---
 .../css/admin/v2/components/tom_select.scss   | 47 +++++++++++++++++++
 app/webpacker/css/admin/v2/main.scss          |  1 +
 2 files changed, 48 insertions(+)
 create mode 100644 app/webpacker/css/admin/v2/components/tom_select.scss

diff --git a/app/webpacker/css/admin/v2/components/tom_select.scss b/app/webpacker/css/admin/v2/components/tom_select.scss
new file mode 100644
index 0000000000..e77cce7fc9
--- /dev/null
+++ b/app/webpacker/css/admin/v2/components/tom_select.scss
@@ -0,0 +1,47 @@
+/* Override app/webpacker/css/admin/components/tom_select.scss */
+
+.ts-wrapper.primary.focus .ts-control,
+.ts-wrapper.primary .ts-control {
+  background-color: transparent;
+  border: 1px solid $v2-light-grey;
+  color: $v2-medium-grey;
+
+  &:after {
+    border-color: $v2-medium-grey transparent transparent transparent;
+  }
+}
+
+.ts-wrapper.dropdown-active.primary .ts-control {
+  background-color: transparent;
+  border-color: $v2-light-grey;
+  color: $v2-medium-grey;
+
+  &:after {
+    border-color: transparent transparent $v2-medium-grey transparent;
+  }
+}
+
+.ts-wrapper.dropdown-active.focus .ts-control {
+  border-color: $v2-medium-grey;
+}
+
+.dropdown-input-wrap {
+  .dropdown-input {
+    border: 1px solid $v2-light-grey;
+  }
+}
+
+.ts-dropdown .create:hover,
+.ts-dropdown #admin-menu li.selected a.create,
+#admin-menu li.selected .ts-dropdown a.create,
+.ts-dropdown .option:hover,
+.ts-dropdown #admin-menu li.selected a.option,
+#admin-menu li.selected .ts-dropdown a.option,
+.ts-dropdown .active {
+  background-color: $v2-blue;
+  color: $white;
+}
+
+.ts-dropdown.single {
+  border-color: $v2-medium-grey;
+}
diff --git a/app/webpacker/css/admin/v2/main.scss b/app/webpacker/css/admin/v2/main.scss
index 9f2d8ad8bd..3800b88b9b 100644
--- a/app/webpacker/css/admin/v2/main.scss
+++ b/app/webpacker/css/admin/v2/main.scss
@@ -10,3 +10,4 @@
 @import "components/tables.scss";
 @import "components/progress.scss";
 @import "components/sidebar.scss";
+@import "components/tom_select.scss";