Merge pull request #1008 from SwedbankPay/feature/SWED-2514-primary_c…

…olor_value_update SRM-2514 update primary color swedbankpay
SwedbankPay · Oct 17, 2024 · 0599973 · 0599973
2 parents ef6ff67 + 095d8ce
commit 0599973
Show file tree

Hide file tree

Showing 8 changed files with 26 additions and 26 deletions.
diff --git a/src/App/Identity/identity/Color/swedbankpay-colors.js b/src/App/Identity/identity/Color/swedbankpay-colors.js
@@ -3,7 +3,7 @@ export const primaryBrandColors = [
 		title: "Primary",
 		subTitle: "brand-primary",
 		isCSSVariable: true,
-		hex: "#FDC129",
+		hex: "#fdc92a",
 	},
 	{
 		title: "Primary light",
@@ -257,7 +257,7 @@ export const colorPool = [
 		title: "Primary",
 		subTitle: "brand-yellow",
 		isCSSVariable: true,
-		hex: "#FDC129",
+		hex: "#fdc92a",
 	},
 	{
 		title: "Yellow light",

diff --git a/src/App/components/DisplayColor/__snapshots__/index.test.js.snap b/src/App/components/DisplayColor/__snapshots__/index.test.js.snap
@@ -9,7 +9,7 @@ exports[`DisplayColor renders with optional props 1`] = `
   >
     <svg>
       <rect
-        fill="#FDC129"
+        fill="#fdc92a"
       />
     </svg>
   </div>
@@ -25,7 +25,7 @@ exports[`DisplayColor renders with optional props 1`] = `
     <small
       className="small mb-0 text-uppercase"
     >
-      #FDC129
+      #fdc92a
     </small>
   </div>
 </div>
@@ -40,7 +40,7 @@ exports[`DisplayColor renders with required props 1`] = `
   >
     <svg>
       <rect
-        fill="#FDC129"
+        fill="#fdc92a"
       />
     </svg>
   </div>
@@ -56,7 +56,7 @@ exports[`DisplayColor renders with required props 1`] = `
     <small
       className="small mb-0 text-uppercase"
     >
-      #FDC129
+      #fdc92a
     </small>
   </div>
 </div>

diff --git a/src/App/components/DisplayColor/index.test.js b/src/App/components/DisplayColor/index.test.js
@@ -12,8 +12,8 @@ describe("DisplayColor", () => {
 
 	it("renders with required props", () => {
 		const colors = {
-			hex: "#FDC129",
-			rgb: "253, 193, 41",
+			hex: "#fdc92a",
+			rgb: "253, 201, 42",
 		};
 
 		render(<DisplayColor {...colors} />);
@@ -38,8 +38,8 @@ describe("DisplayColor", () => {
 
 	it("renders with optional props", () => {
 		const colors = {
-			hex: "#FDC129",
-			rgb: "253, 193, 41",
+			hex: "#fdc92a",
+			rgb: "253, 201, 42",
 			fontColor: "2F2424",
 			border: "has-border",
 		};

diff --git a/src/icons/payment-icons/payment_card.svg b/src/icons/payment-icons/payment_card.svg
diff --git a/src/img/swedbankpay/Identity/accessibility/img/impairments.svg b/src/img/swedbankpay/Identity/accessibility/img/impairments.svg
diff --git a/src/less/components/slab.less b/src/less/components/slab.less
@@ -38,8 +38,8 @@
 			-45deg,
 			#ffefc7,
 			#ffefc7 10px,
-			#fdc129 10px,
-			#fdc129 15px
+			#fdc92a 10px,
+			#fdc92a 15px
 		);
 	}
 

diff --git a/src/less/variables-swedbankpay.less b/src/less/variables-swedbankpay.less
@@ -23,7 +23,7 @@
 @brown-light: @light-brown;
 
 /* Main Brand Color Variants */
-@brand-primary: #fdc129;
+@brand-primary: #fdc92a;
 @brand-primary-light: #fbdd91;
 @brand-primary-lighter: @brand-primary-light-3;
 @brand-primary-light-2: #ffdf88;
@@ -148,7 +148,7 @@
 *
 */
 :root {
-	--brand-primary: var(--brand-yellow, #fdc129);
+	--brand-primary: var(--brand-yellow, #fdc92a);
 	--brand-primary-light: #fbdd91;
 	--brand-primary-lighter: var(--brand-yellow-lighter, #fff3d5);
 	--brand-secondary: var(--brown-solid, #2f2424);
@@ -184,7 +184,7 @@
 	--text-gray: #767676;
 
 	// Communication colors
-	--brand-yellow: #fdc129;
+	--brand-yellow: #fdc92a;
 	--brand-yellow-lighter: #fff3d5;
 	--brand-orange: #ee7023;
 	--brand-turquoise: #31a3ae;

diff --git a/src/scripts/dashboard/chart/index.js b/src/scripts/dashboard/chart/index.js
@@ -18,7 +18,7 @@ import initLineChart from "./line";
 import initLineFillChart from "./line-fill";
 
 const _colorPool = [
-	"253, 193, 41", // brand primary
+	"253, 201, 42", // brand primary
 	"238, 112, 35", // brand tertiary
 	"49, 163, 174", // brand accent
 	"138, 205, 195", // info turquoise