From 886854fcba4c9ed20630ae3ca8da3d2014442672 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Thu, 11 Apr 2024 16:33:15 +0300
Subject: [PATCH] [develop | DONE | ADDED] add color variable for search-filter
 pills, add specific class for search filters pills

---
 less/color.less |  2 ++
 less/label.less | 15 +++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/less/color.less b/less/color.less
index 34cd331..fafba81 100644
--- a/less/color.less
+++ b/less/color.less
@@ -80,3 +80,5 @@
 @hybrid-oa-color: #fe9800ff;
 @bronze-oa-color: #b45f05ff;
 @diamond-oa-color: #842bd7ff;
+/* Search page */
+@search-filter-color: #B41FD0;
diff --git a/less/label.less b/less/label.less
index 8c98005..2e17f08 100644
--- a/less/label.less
+++ b/less/label.less
@@ -37,6 +37,21 @@
 @label-secondary-color: @global-secondary-background;
 @label-secondary-border: @label-secondary-color;
 
+/** Search filter */
+@label-search-filter-background: @search-filter-color;
+@label-search-filter-color: @light-color;
+@label-search-filter-border: @search-filter-color;
+
+.uk-label-search-filter {
+  background-color: @label-search-filter-background;
+  color: @label-search-filter-color;
+  border-color: @label-search-filter-border;
+
+  .uk-close {
+    color: @global-inverse-color;
+  }
+}
+
 .hook-label() {
   border: @label-border-width solid @label-border;
   border-radius: @label-border-radius;