Fix badge color being overridden by Categories (#1098)

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,

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;