From: soufiane <soufiane@cubedesigners.com>
Date: Mon, 30 Jun 2025 09:37:20 +0000 (+0200)
Subject: wait #7429 @0:30
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=dc98c4d43a9c49dc1339a8f68302c5204357c1b9;p=fluidbook-v3.git

wait #7429 @0:30
---

diff --git a/less/003-mixins.less b/less/003-mixins.less
index bec055e..47d40c1 100644
--- a/less/003-mixins.less
+++ b/less/003-mixins.less
@@ -65,20 +65,27 @@
 	}
 }
 
-.background-button(@base-color,@active-color) {
+.background-button(@base-color,@active-color,@pink:0) {
 	transition: all @transition-time-buttons;
 
 	background-color: @base-color;
 	border-color: @base-color;
 
 	&:active {
-		background-color: @active-color;
-		border-color: @active-color;
+		background-color: darken(@active-color,2%);
+		border-color: darken(@active-color,2%);
+	}
+}
+
+.background-button(@base-color, @active-color, @pink) when (@pink > 0) {
+	&:active {
+		background-color: darken(@base-color, 2%);
+		border-color: darken(@base-color, 2%);
 	}
 }
 
 .background-button-green() {
-	.background-button(#8aab41, #aac759);
+	.background-button(#8aab41, #aac759, 0);
 	color: #fff;
 	&:hover {
 		color: #fff;
@@ -86,7 +93,7 @@
 }
 
 .background-button-green-special() {
-	.background-button(#4fc38a, #aac759);
+	.background-button(#4fc38a, #aac759, 1);
 	color: #fff;
 	&:hover {
 		color: #fff;
@@ -94,7 +101,7 @@
 }
 
 .background-button-pink() {
-	.background-button(#e5638b, #aac759);
+	.background-button(#e5638b, #aac759, 1);
 	color: #fff;
 	&:hover {
 		color: #fff;