Merge pull request #940 from SwedbankPay/feature/pfe-199-update-butto…

…ns-toolbar-focus

pfe-199: Changed color for brand-seconday-hover, btn-active-color and…

src/less/components/payex/button.less

@@ -33,7 +33,7 @@
 		}
 
 		&:active {
-			border: 1px solid @brand-secondary-info-1;
+			border: 1px solid var(--brand-primary);
 		}
 	}
 

src/less/variables-payex.less

@@ -77,7 +77,7 @@
 
 @btn-secondary-color: @white;
 @btn-secondary-bg: @brand-secondary;
-@btn-secondary-hover: @brand-primary;
+@btn-secondary-hover: @soft-brown;
 @btn-secondary-disabled-color: @white;
 @btn-secondary-disabled-bg: @brand-secondary-light-2;
 
@@ -181,7 +181,7 @@ body {
 	/* TODO: to be converted: --brand-primary-faded:  fade(var(--brand-primary, #2A9D3F), 60%); */
 
 	--brand-secondary: #3c3c3c;
-	--brand-secondary-hover: #5f5f5f;
+	--brand-secondary-hover: var(--soft-brown, #707070);
 	--brand-secondary-light-1: var(--brand-secondary, #3c3c3c);
 	--brand-secondary-light-2: #c8c8c8;
 	--brand-secondary-light-3: var(--brand-secondary-light-2, #c8c8c8);
@@ -241,7 +241,7 @@ body {
 	--btn-secondary-bg: var(--brand-secondary, #3c3c3c);
 	--btn-secondary-text-color: var(--brand-secondary, #3c3c3c);
 	--btn-secondary-border-color: var(--brand-secondary, #3c3c3c);
-	--btn-secondary-hover: var(--brand-secondary, #3c3c3c);
+	--btn-secondary-hover: var(--brand-secondary-hover, #707070);
 	--btn-secondary-disabled-color: var(--white, #ffffff);
 	--btn-secondary-disabled-bg: var(--brand-secondary-light-2, #c8c8c8);
 
@@ -266,7 +266,7 @@ body {
 	/* Shared button variables */
 	--btn-disabled-text: var(--text-disabled);
 	--btn-bg-disabled: rgb(212 196 188 / 30%);
-	--btn-active-color: var(--payex-light-blue);
+	--btn-active-color: var(--brand-secondary, #3c3c3c);
 
 	/* INPUTS COLORS */
 	--input-color: var(--brand-secondary, #3c3c3c);