From 766715fe77336b318e36de743a30a8a5c3f19ad5 Mon Sep 17 00:00:00 2001
From: Lucas Boilly <boilly.lucas@gmail.com>
Date: Fri, 3 Jul 2026 16:32:23 +0200
Subject: [PATCH] tags ui improvements

---
 docusaurus/src/scss/__index.scss |  1 +
 docusaurus/src/scss/tags.scss    | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 docusaurus/src/scss/tags.scss

diff --git a/docusaurus/src/scss/__index.scss b/docusaurus/src/scss/__index.scss
index 7154513e28..92e664a50e 100644
--- a/docusaurus/src/scss/__index.scss
+++ b/docusaurus/src/scss/__index.scss
@@ -56,6 +56,7 @@
 @use 'sidebar.scss';
 @use 'table.scss';
 @use 'tabs.scss';
+@use 'tags.scss';
 @use 'table-of-contents.scss';
 @use 'tldr.scss';
 @use 'typography.scss';
diff --git a/docusaurus/src/scss/tags.scss b/docusaurus/src/scss/tags.scss
new file mode 100644
index 0000000000..2989ffd1a7
--- /dev/null
+++ b/docusaurus/src/scss/tags.scss
@@ -0,0 +1,20 @@
+/** Component: Doc footer tags */
+@use './mixins' as *;
+
+article a[class*="tag_"] {
+  --custom-tag-bg: var(--strapi-primary-100);
+  --docusaurus-tag-list-border: var(--custom-tag-bg);
+  background: var(--custom-tag-bg);
+  transition: border var(--ifm-transition-fast), background var(--ifm-transition-fast);
+}
+
+article a[class*="tag_"]:hover {
+  --custom-tag-bg: var(--strapi-primary-200);
+  --docusaurus-tag-list-border: var(--custom-tag-bg);
+}
+
+@include dark {
+  article a[class*="tag_"]:hover {
+    --custom-tag-bg: var(--strapi-neutral-150);
+  }
+}