From fd87013a6397e05b7360cdb694f8de923f2e9191 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Thu, 8 Dec 2022 21:26:29 +0100
Subject: [PATCH] Colorize and customize tagging componenent

---
 app/webpacker/css/admin/v2/components/tags-input.scss | 10 ++++++++++
 app/webpacker/css/admin/v2/main.scss                  |  1 +
 2 files changed, 11 insertions(+)
 create mode 100644 app/webpacker/css/admin/v2/components/tags-input.scss

diff --git a/app/webpacker/css/admin/v2/components/tags-input.scss b/app/webpacker/css/admin/v2/components/tags-input.scss
new file mode 100644
index 0000000000..c7c8634c97
--- /dev/null
+++ b/app/webpacker/css/admin/v2/components/tags-input.scss
@@ -0,0 +1,10 @@
+tags-input .tags li.tag-item {
+  background-color: $v2-blue-light;
+}
+
+tags-input .tags {
+  box-shadow: none;
+  &.focused {
+    box-shadow: none;
+  }
+}
diff --git a/app/webpacker/css/admin/v2/main.scss b/app/webpacker/css/admin/v2/main.scss
index 07dec290ae..d33374e470 100644
--- a/app/webpacker/css/admin/v2/main.scss
+++ b/app/webpacker/css/admin/v2/main.scss
@@ -13,6 +13,7 @@
 @import "components/tom_select.scss";
 @import "components/dropdown.scss";
 @import "components/wizard_progress.scss";
+@import "components/tags-input.scss";
 
 body {
   background-color: $v2-body-bg;