Use inverted badge.

Author: isoos

app/lib/frontend/templates/package_misc.dart

@@ -30,7 +30,10 @@ final flutterFavoriteBadgeNode = packageBadgeNode(
 );
 
 /// Renders the name match badge node, used for exact package name hits.
-final nameMatchBadgeNode = packageBadgeNode(label: 'Name match');
+final nameMatchBadgeNode = packageBadgeNode(
+  label: 'Name match',
+  color: 'inverted',
+);
 
 /// Renders the null-safe badge used by package listing and package page.
 d.Node nullSafeBadgeNode({String? title}) {

pkg/web_css/lib/src/_pkg.scss

@@ -20,6 +20,12 @@
     color: var(--pub-badge-red-color);
   }
 
+  &.package-badge-inverted {
+    color: var(--pub-neutral-bgColor);
+    background: var(--pub-badge-default-color);
+    border: 1px solid var(--pub-badge-default-color);
+  }
+
   .package-badge-icon {
     max-width: 13px;
     max-height: 13px;