diff --git a/src/App/Identity/identity/Color/swedbankpay-colors.js b/src/App/Identity/identity/Color/swedbankpay-colors.js
index d063d111ef..363d730dd8 100644
--- 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
index 801555b04e..b078f47cc7 100644
--- 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`] = `
>
@@ -25,7 +25,7 @@ exports[`DisplayColor renders with optional props 1`] = `
- #FDC129
+ #fdc92a
@@ -40,7 +40,7 @@ exports[`DisplayColor renders with required props 1`] = `
>
@@ -56,7 +56,7 @@ exports[`DisplayColor renders with required props 1`] = `
- #FDC129
+ #fdc92a
diff --git a/src/App/components/DisplayColor/index.test.js b/src/App/components/DisplayColor/index.test.js
index 93a31dbba9..23047a5f81 100644
--- 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();
@@ -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
index 0437911a1a..48139e1707 100644
--- a/src/icons/payment-icons/payment_card.svg
+++ b/src/icons/payment-icons/payment_card.svg
@@ -6,13 +6,13 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/img/swedbankpay/Identity/accessibility/img/impairments.svg b/src/img/swedbankpay/Identity/accessibility/img/impairments.svg
index 88d18363a2..653345bc26 100644
--- a/src/img/swedbankpay/Identity/accessibility/img/impairments.svg
+++ b/src/img/swedbankpay/Identity/accessibility/img/impairments.svg
@@ -3,7 +3,7 @@
-
+
diff --git a/src/less/components/slab.less b/src/less/components/slab.less
index 8ec8cdcb66..2ccd5a3cc8 100644
--- 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
index b8b3bbe9a9..5deb0526b5 100644
--- 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
index 3e08a231f8..a317b177ee 100644
--- 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