diff --git a/src/media/css/template.css b/src/media/css/template.css
index 680718b..7c244a8 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -13627,12 +13627,14 @@ a.navbar-brand {
 .btn-primary {
 	background-color: var(--color-primary, #112855);
 	border-color: var(--color-primary, #112855);
+	color: #000;
 }
 
 .btn-primary:active,
 .btn-primary:focus {
 	background-color: var(--color-active);
 	border-color: var(--color-active);
+	color: #000;
 }
 
 .btn-group {
@@ -16977,11 +16979,14 @@ body:not(.has-sidebar-right) .site-grid .container-component {
 }
 
 .btn-primary {
+	--bs-btn-color: #000;
 	--bs-btn-bg: #333;
 	--bs-btn-border-color: #333;
+	--bs-btn-hover-color: #000;
 	--bs-btn-hover-bg: #555;
 	--bs-btn-hover-border-color: #555;
 	--bs-btn-focus-shadow-rgb: 49, 132, 253;
+	--bs-btn-active-color: #000;
 	--bs-btn-active-bg: #555;
 	--bs-btn-active-border-color: #555;
 	--bs-btn-disabled-bg: #A0A0A0;
@@ -18967,7 +18972,7 @@ nav[data-toggle=toc] .nav-link.active+ul{
 
 /* ===== BOOTSTRAP & JOOMLA BUTTONS ===== */
 .btn-primary {
-  --btn-color: white;
+  --btn-color: #000;
   --btn-bg: var(--color-primary, #112855);
   --btn-border-color: var(--color-primary, #112855);
   --btn-hover-bg: color-mix(in srgb, var(--color-primary, #112855) 85%, black);