use badge--secondary

Author: jaimergp

src/components/Packages/index.jsx

@@ -186,7 +186,7 @@ const Packages = () => {
       </table>
     );
     resultsPill = (
-      <span className="badge badge--info margin-left--sm">
+      <span className="badge badge--secondary margin-left--sm">
         {filteredPackages.length} package(s) found
       </span>
     );
@@ -260,7 +260,7 @@ const Packages = () => {
       </div>
     );
     resultsPill = (
-      <span className="badge badge--success margin-left--sm">
+      <span className="badge badge--secondary margin-left--sm">
         {Object.keys(allPackages).length} packages loaded
       </span>
     );

src/css/custom.css

@@ -63,7 +63,7 @@
   --ifm-color-info: #64b5f6;
   --ifm-color-warning: #ffb74d;
   --ifm-color-danger: #ff8a65;
-  --ifm-badge-color: var(--ifm-background-color);
+  --ifm-badge-color: var(--ifm-color-black);
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
   --gradient: linear-gradient(
     60deg,