diff --git a/gh-pages-template/assets/js/app.js b/gh-pages-template/assets/js/app.js
index e96bddb0..796e6716 100644
--- a/gh-pages-template/assets/js/app.js
+++ b/gh-pages-template/assets/js/app.js
@@ -111,7 +111,7 @@ class UIManager {
             <div class="col-lg-4 col-md-6 mb-4" data-repo="${repo.name.toLowerCase()}">
                 <div class="card h-100 shadow border-0 rounded-0">
                     <div class="card-body text-white p-4 rounded-0">
-                        <h5 class="card-title text-primary mb-3">${repo.name}</h5>
+                        <h5 class="card-title text-info mb-3">${repo.name}</h5>
                         <ul class="list-group list-group-flush">
                             ${repo.releases ? repo.releases.map(release => `
                                 <li class="list-group-item d-flex justify-content-between align-items-center px-0">
diff --git a/gh-pages-template/index.html b/gh-pages-template/index.html
index 5c2c0c1f..6033df88 100644
--- a/gh-pages-template/index.html
+++ b/gh-pages-template/index.html
@@ -24,7 +24,7 @@
         <div class="col-auto">
             <div class="card h-100 shadow border-0 rounded-0">
                 <div class="card-body text-white p-4 rounded-0 text-center">
-                    <h5 class="card-title text-primary" id="repoCount">-</h5>
+                    <h5 class="card-title text-info" id="repoCount">-</h5>
                     <p class="card-text">Repositories</p>
                 </div>
             </div>
@@ -32,7 +32,7 @@ <h5 class="card-title text-primary" id="repoCount">-</h5>
         <div class="col-auto">
             <div class="card h-100 shadow border-0 rounded-0">
                 <div class="card-body text-white p-4 rounded-0 text-center">
-                    <h5 class="card-title text-primary" id="releaseCount">-</h5>
+                    <h5 class="card-title text-info" id="releaseCount">-</h5>
                     <p class="card-text">Releases</p>
                 </div>
             </div>
@@ -40,7 +40,7 @@ <h5 class="card-title text-primary" id="releaseCount">-</h5>
         <div class="col-auto">
             <div class="card h-100 shadow border-0 rounded-0">
                 <div class="card-body text-white p-4 rounded-0 text-center">
-                    <h5 class="card-title text-primary" id="assetCount">-</h5>
+                    <h5 class="card-title text-info" id="assetCount">-</h5>
                     <p class="card-text">Assets</p>
                 </div>
             </div>