diff --git a/_includes/plugin_card.html b/_includes/plugin_card.html
index 2c3d87fe..a71b678b 100644
--- a/_includes/plugin_card.html
+++ b/_includes/plugin_card.html
@@ -2,10 +2,10 @@
     <div class="col p-4 d-flex flex-column position-static">
       <div class="d-inline-block">
         {% for cat in plugin.categories %}
-        <span class="badge rounded-pill bg-warning">{{ cat }}</span>
+        <span class="badge rounded-pill bg-yellow-500">{{ cat }}</span>
         {% endfor %}
         {% for tag in plugin.tags %}
-        <span class="badge rounded-pill bg-info">{{ tag }}</span>
+        <span class="badge rounded-pill bg-blue-400">{{ tag }}</span>
         {% endfor %}
       </div>
       <h3 class="mb-0">{{ plugin.name }}</h3>
diff --git a/_layouts/plugin.html b/_layouts/plugin.html
index 408b77fb..f894ddf1 100644
--- a/_layouts/plugin.html
+++ b/_layouts/plugin.html
@@ -24,7 +24,7 @@ notitle: true
           <h4 class="fst-italic">Categories</h4>
           <ol class="list-unstyled">
             {% for categorie in page.categories %}
-            <li><a href="/categories/#{{ categorie | slugify }}"><span class="badge rounded-pill bg-warning">{{ categorie }}</span></a></li>
+            <li><a href="/categories/#{{ categorie | slugify }}"><span class="badge bg-yellow-500">{{ categorie }}</span></a></li>
             {% endfor %}
           </ol>
         </div>
@@ -33,7 +33,7 @@ notitle: true
           <h4 class="fst-italic">Tags</h4>
           <ol class="list-unstyled">
             {% for tag in page.tags %}
-            <li><a href="/tags/#{{ tag | slugify }}"><span class="badge rounded-pill bg-info">{{ tag }}</span></a></li>
+            <li><a href="/tags/#{{ tag | slugify }}"><span class="badge bg-blue-400">{{ tag }}</span></a></li>
             {% endfor %}
           </ol>
         </div>