From 3f0229897ef78332f02ec0c2b38a2f09f6040c4a Mon Sep 17 00:00:00 2001
From: yceballost <yceballost@users.noreply.github.com>
Date: Mon, 17 Feb 2025 13:08:57 +0000
Subject: [PATCH] feat(skin): update design tokens

---
 src/skins/movistar.tsx | 22 +++++++++++-----------
 src/skins/vivo-new.tsx |  4 ++--
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/skins/movistar.tsx b/src/skins/movistar.tsx
index 1e9430e86..3b09129a6 100644
--- a/src/skins/movistar.tsx
+++ b/src/skins/movistar.tsx
@@ -162,21 +162,21 @@ export const getMovistarSkin: GetKnownSkin = () => {
             error: palette.pepper55,
             textError: palette.pepper55,
             textErrorInverse: palette.white,
-            promo: palette.purple,
+            promo: palette.pepper70,
             highlight: palette.pink55,
             successLow: palette.movistarGreen10,
             warningLow: palette.egg10,
             errorLow: palette.pepper10,
-            promoLow: palette.purple10,
+            promoLow: palette.pepper10,
             brandLow: palette.movistarBlue10,
             successHigh: palette.movistarGreen70,
             warningHigh: palette.egg80,
             errorHigh: palette.pepper70,
-            promoHigh: palette.purple70,
+            promoHigh: palette.pepper70,
             successHighInverse: palette.movistarGreen70,
             warningHighInverse: palette.egg80,
             errorHighInverse: palette.pepper70,
-            promoHighInverse: palette.purple70,
+            promoHighInverse: palette.pepper70,
             textNavigationBarPrimary: palette.white,
             textNavigationBarSecondary: palette.movistarBlue20,
             textNavigationSearchBarHint: palette.movistarBlue20,
@@ -184,13 +184,13 @@ export const getMovistarSkin: GetKnownSkin = () => {
             textAppBar: palette.grey5,
             textAppBarSelected: palette.movistarBlueHC,
             customTabsBackground: palette.white,
-            tagTextPromo: palette.purple70,
+            tagTextPromo: palette.white,
             tagTextActive: palette.movistarBlueHC,
             tagTextInactive: palette.grey5,
             tagTextSuccess: palette.movistarGreen70,
             tagTextWarning: palette.egg80,
             tagTextError: palette.pepper70,
-            tagBackgroundPromo: palette.purple10,
+            tagBackgroundPromo: palette.pepper70,
             tagBackgroundActive: palette.movistarBlue10,
             tagBackgroundInactive: palette.grey1,
             tagBackgroundSuccess: palette.movistarGreen10,
@@ -296,7 +296,7 @@ export const getMovistarSkin: GetKnownSkin = () => {
             error: palette.pepper45,
             textError: palette.pepper45,
             textErrorInverse: palette.pepper45,
-            promo: palette.purple40,
+            promo: palette.pepper45,
             highlight: palette.pink45,
             successLow: palette.darkModeGrey7,
             warningLow: palette.darkModeGrey7,
@@ -306,11 +306,11 @@ export const getMovistarSkin: GetKnownSkin = () => {
             successHigh: palette.movistarGreen40,
             warningHigh: palette.egg40,
             errorHigh: palette.pepper45,
-            promoHigh: palette.purple35,
+            promoHigh: palette.pepper45,
             successHighInverse: palette.movistarGreen70,
             warningHighInverse: palette.egg80,
             errorHighInverse: palette.pepper70,
-            promoHighInverse: palette.purple70,
+            promoHighInverse: palette.pepper45,
             textNavigationBarPrimary: palette.darkModeGrey2,
             textNavigationBarSecondary: palette.darkModeGrey4,
             textNavigationSearchBarHint: palette.darkModeGrey4,
@@ -318,13 +318,13 @@ export const getMovistarSkin: GetKnownSkin = () => {
             textAppBar: palette.darkModeGrey4,
             textAppBarSelected: palette.movistarBlue,
             customTabsBackground: palette.darkModeBlack,
-            tagTextPromo: palette.purple35,
+            tagTextPromo: palette.white,
             tagTextActive: palette.movistarBlue,
             tagTextInactive: palette.darkModeGrey3,
             tagTextSuccess: palette.movistarGreen40,
             tagTextWarning: palette.egg40,
             tagTextError: palette.pepper45,
-            tagBackgroundPromo: palette.darkModeGrey7,
+            tagBackgroundPromo: palette.pepper70,
             tagBackgroundActive: palette.darkModeGrey7,
             tagBackgroundInactive: palette.darkModeGrey7,
             tagBackgroundSuccess: palette.darkModeGrey7,
diff --git a/src/skins/vivo-new.tsx b/src/skins/vivo-new.tsx
index 0f8da805a..2775cae8b 100644
--- a/src/skins/vivo-new.tsx
+++ b/src/skins/vivo-new.tsx
@@ -339,7 +339,7 @@ export const getVivoNewSkin: GetKnownSkin = () => {
             text1: {lineHeight: {desktop: 20, mobile: 16}, size: {desktop: 14, mobile: 12}},
             text2: {lineHeight: {desktop: 24, mobile: 20}, size: {desktop: 16, mobile: 14}},
             text3: {lineHeight: {desktop: 24, mobile: 24}, size: {desktop: 18, mobile: 16}},
-            text4: {lineHeight: {desktop: 28, mobile: 24}, size: {desktop: 20, mobile: 18}},
+            text4: {lineHeight: {desktop: 28, mobile: 24}, size: {desktop: 24, mobile: 18}},
             text5: {lineHeight: {desktop: 32, mobile: 24}, size: {desktop: 28, mobile: 20}, weight: 'medium'},
             text6: {lineHeight: {desktop: 40, mobile: 32}, size: {desktop: 32, mobile: 24}, weight: 'medium'},
             text7: {lineHeight: {desktop: 48, mobile: 32}, size: {desktop: 40, mobile: 28}, weight: 'medium'},
@@ -362,7 +362,7 @@ export const getVivoNewSkin: GetKnownSkin = () => {
             title2: {weight: 'medium'},
             title3: {
                 lineHeight: {desktop: 28, mobile: 24},
-                size: {desktop: 20, mobile: 18},
+                size: {desktop: 24, mobile: 18},
                 weight: 'medium',
             },
         },