From e30e20bf67731b7a5bd5ff1185fa975e84f61c94 Mon Sep 17 00:00:00 2001
From: yceballost <yceballost@users.noreply.github.com>
Date: Thu, 10 Aug 2023 15:52:48 +0000
Subject: [PATCH 1/2] feat(skin): update design tokens

---
 src/skins/movistar-legacy.tsx | 15 +--------------
 src/skins/vivo-new.tsx        |  2 +-
 2 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/src/skins/movistar-legacy.tsx b/src/skins/movistar-legacy.tsx
index ac123347ad..441666764d 100644
--- a/src/skins/movistar-legacy.tsx
+++ b/src/skins/movistar-legacy.tsx
@@ -46,10 +46,7 @@ export const palette = {
     darkModeGrey: '#242424',
 };
 
-/**
- * @deprecated Use `getMovistarSkin` instead.
- */
-export const getMovistarLegacySkin: GetKnownSkin = (variant) => {
+export const getMovistarLegacySkin: GetKnownSkin = () => {
     const skin: KnownSkin = {
         name: MOVISTAR_LEGACY_SKIN,
         colors: {
@@ -299,15 +296,5 @@ export const getMovistarLegacySkin: GetKnownSkin = (variant) => {
             text10: {weight: 'bold'},
         },
     };
-
-    if (variant === 'prominent') {
-        skin.colors.brand = palette.movistarProminentBlue;
-        skin.colors.brandHigh = palette.movistarProminentBlueDark;
-        skin.colors.backgroundBrand = palette.movistarProminentBlue;
-        skin.colors.navigationBarBackground = palette.movistarProminentBlue;
-        skin.colors.backgroundFeedbackBottom = palette.movistarProminentBlue;
-        skin.colors.controlActivated = palette.movistarProminentBlue;
-        skin.colors.dividerInverse = palette.movistarProminentBlueDark;
-    }
     return skin;
 };
diff --git a/src/skins/vivo-new.tsx b/src/skins/vivo-new.tsx
index e9b1fffaeb..0d2df563ac 100644
--- a/src/skins/vivo-new.tsx
+++ b/src/skins/vivo-new.tsx
@@ -48,7 +48,7 @@ export const getVivoNewSkin: GetKnownSkin = () => {
             background: palette.white,
             backgroundAlternative: palette.grey1,
             backgroundBrand: palette.vivoPurple,
-            backgroundBrandSecondary: palette.vivoPurple,
+            backgroundBrandSecondary: palette.vivoPurpleLight90,
             backgroundContainer: palette.white,
             backgroundContainerHover: applyAlpha(palette.darkModeBlack, 0.03),
             backgroundContainerPressed: applyAlpha(palette.darkModeBlack, 0.05),

From d49de1bb96de88718804c9bd14ed2fa4d0117936 Mon Sep 17 00:00:00 2001
From: Abel Toledano <atoledano@tuenti.com>
Date: Fri, 11 Aug 2023 09:08:53 +0200
Subject: [PATCH 2/2] revert movistar legacy changes

---
 src/skins/movistar-legacy.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/skins/movistar-legacy.tsx b/src/skins/movistar-legacy.tsx
index 441666764d..ac123347ad 100644
--- a/src/skins/movistar-legacy.tsx
+++ b/src/skins/movistar-legacy.tsx
@@ -46,7 +46,10 @@ export const palette = {
     darkModeGrey: '#242424',
 };
 
-export const getMovistarLegacySkin: GetKnownSkin = () => {
+/**
+ * @deprecated Use `getMovistarSkin` instead.
+ */
+export const getMovistarLegacySkin: GetKnownSkin = (variant) => {
     const skin: KnownSkin = {
         name: MOVISTAR_LEGACY_SKIN,
         colors: {
@@ -296,5 +299,15 @@ export const getMovistarLegacySkin: GetKnownSkin = () => {
             text10: {weight: 'bold'},
         },
     };
+
+    if (variant === 'prominent') {
+        skin.colors.brand = palette.movistarProminentBlue;
+        skin.colors.brandHigh = palette.movistarProminentBlueDark;
+        skin.colors.backgroundBrand = palette.movistarProminentBlue;
+        skin.colors.navigationBarBackground = palette.movistarProminentBlue;
+        skin.colors.backgroundFeedbackBottom = palette.movistarProminentBlue;
+        skin.colors.controlActivated = palette.movistarProminentBlue;
+        skin.colors.dividerInverse = palette.movistarProminentBlueDark;
+    }
     return skin;
 };