From 0066c058e30a746361bdab4eed1d88cab58bec90 Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Wed, 7 May 2025 10:48:08 +0200
Subject: [PATCH] fix(LOY-196): change svg color to be derived from css and
 variables instead

---
 .../components/MyPages/DigitalTeamMemberCard/Client.tsx       | 2 +-
 .../DigitalTeamMemberCard/digitalTeamMemberCard.module.css    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx
index c18f8be54..bad0ecc96 100644
--- a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx
+++ b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx
@@ -69,10 +69,10 @@ export default function DigitalTeamMemberCardClient({
                 height="42"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
+                className={styles.icon}
               >
                 <path
                   d="M3.5 35V12.288C3.5 8.933 3.5 7 4.268 7c.912 0 1.569 1.156 3.17 3.978l11.374 20.044C20.413 33.844 21.041 35 21.982 35c.768 0 .768-1.933.768-5.288V7M28 22.75h10.5M29.016 8.016c1.355-1.355 7.113-1.355 8.468 0 1.355 1.355 1.355 7.113 0 8.468-1.355 1.355-7.114 1.355-8.468 0-1.355-1.355-1.355-7.113 0-8.468Z"
-                  stroke="#DE9490"
                   strokeWidth="2.625"
                   strokeLinecap="round"
                   strokeLinejoin="round"
diff --git a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css
index c46b494cf..9487632bf 100644
--- a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css
+++ b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css
@@ -90,6 +90,10 @@
   color: var(--Base-Text-Inverted);
 }
 
+.icon {
+  stroke: var(--Text-Brand-OnPrimary-3-Accent);
+}
+
 .top,
 .bottom {
   display: flex;