diff --git a/templates/categories/macros.html b/templates/categories/macros.html
index 61fe7c3e..72030fce 100644
--- a/templates/categories/macros.html
+++ b/templates/categories/macros.html
@@ -158,7 +158,7 @@ <h3 class="header">
                 {% if latest_version %}
                     <li class="item">
                         <div class="content">
-                            <div class="ui basic label">
+                            <div class="ui teal label">
                                 <i class="code icon" aria-hidden="true"></i>
                                 Latest version:
                                 <div class="detail">{{ latest_version }}</div>
@@ -169,7 +169,7 @@ <h3 class="header">
                 {% if downloads %}
                     <li class="item">
                         <div class="content">
-                            <div class="ui basic label">
+                            <div class="ui green label">
                                 <i class="download icon" aria-hidden="true"></i>
                                 Downloads:
                                 <div class="detail">{{ downloads | num_format }}</div>
@@ -180,7 +180,7 @@ <h3 class="header">
                 {% if recent_downloads %}
                     <li class="item">
                         <div class="content">
-                            <div class="ui basic label">
+                            <div class="ui olive label">
                                 <i class="clock icon" aria-hidden="true"></i>
                                 Recent downloads:
                                 <div class="detail">{{ recent_downloads | num_format }}</div>
@@ -191,7 +191,7 @@ <h3 class="header">
                 {% if license %}
                     <li class="item">
                         <div class="content">
-                            <div class="ui basic label">
+                            <div class="ui purple label">
                                 <i class="balance scale icon" aria-hidden="true"></i>
                                 License:
                                 <div class="detail">{{ license }}</div>
@@ -202,7 +202,7 @@ <h3 class="header">
                 {% if stars %}
                     <li class="item">
                         <div class="content">
-                            <div class="ui basic label">
+                            <div class="ui orange label">
                                 <i class="star icon" aria-hidden="true"></i>
                                 Stars:
                                 <div class="detail">{{ stars | num_format }}</div>
@@ -213,7 +213,7 @@ <h3 class="header">
                 {% if last_activity %}
                     <li class="item">
                         <div class="content">
-                            <div class="ui basic label">
+                            <div class="ui violet label">
                                 <i class="calendar icon" aria-hidden="true"></i>
                                 Last activity:
                                 <div class="detail">{{ last_activity | date }}</div>