diff --git a/app/views/custom_styles/_primer_color_mapping.erb b/app/views/custom_styles/_primer_color_mapping.erb
index e169a42e33c0..57a050ab2f91 100644
--- a/app/views/custom_styles/_primer_color_mapping.erb
+++ b/app/views/custom_styles/_primer_color_mapping.erb
@@ -16,6 +16,7 @@
     --controlKnob-borderColor-checked: var(--control-checked-color) !important;
     --button-primary-fgColor-rest: var(--button--primary-font-color) !important;
     --button-primary-bgColor-rest: var(--button--primary-background-color) !important;
+    --button-primary-bgColor-active: var(--button--primary-background-active-color) !important;
     --button-primary-bgColor-hover: var(--button--primary-background-hover-color) !important;
     --button-primary-bgColor-disabled: var(--button--primary-background-disabled-color) !important;
     --button-primary-borderColor-disabled: var(--button--primary-border-disabled-color) !important;
diff --git a/frontend/src/global_styles/openproject/_variable_defaults.scss b/frontend/src/global_styles/openproject/_variable_defaults.scss
index 57f165baedbe..6a6462d0a642 100644
--- a/frontend/src/global_styles/openproject/_variable_defaults.scss
+++ b/frontend/src/global_styles/openproject/_variable_defaults.scss
@@ -112,6 +112,7 @@
   --button--active-border-color: #cacaca;
   --button--primary-background-color: var(--primary-button-color);
   --button--primary-background-hover-color: var(--primary-button-color--major1);
+  --button--primary-background-active-color: var(--primary-button-color--major1);
   --button--primary-background-disabled-color: var(--primary-button-color--minor2);
   --button--primary-border-color: var(--button--primary-background-color);
   --button--primary-border-disabled-color: var(--primary-button-color--minor2);