From a0cccb299e7300f32c5eb7a49f9c2e882f2a1eb8 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 17 Apr 2023 15:00:30 -0700
Subject: [PATCH] Fix badge color being overridden by Categories (#1098)

---
 components/ui/Badge.vue             | 4 ++--
 components/ui/search/Categories.vue | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/ui/Badge.vue b/components/ui/Badge.vue
index 10848fc14..d0f9679ce 100644
--- a/components/ui/Badge.vue
+++ b/components/ui/Badge.vue
@@ -118,12 +118,12 @@ export default {
   &.type--creator,
   &.type--approved,
   &.blue {
-    color: var(--color-special-blue);
+    --badge-color: var(--color-special-blue);
   }
 
   &.type--unlisted,
   &.purple {
-    color: var(--color-special-purple);
+    --badge-color: var(--color-special-purple);
   }
 
   &.type--private,
diff --git a/components/ui/search/Categories.vue b/components/ui/search/Categories.vue
index 2cb24ca9a..2c7c12f14 100644
--- a/components/ui/search/Categories.vue
+++ b/components/ui/search/Categories.vue
@@ -46,9 +46,12 @@ export default {
     display: flex;
     align-items: center;
     flex-direction: row;
-    color: var(--color-icon);
     margin-right: var(--spacing-card-md);
 
+    &:not(.version-badge) {
+      color: var(--color-icon);
+    }
+
     svg {
       width: 1rem;
       margin-right: 0.2rem;