Skip to content

feat(skin): update design tokens from mistica-design #490

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pbartolome merged 3 commits into from
Dec 4, 2025
Merged

feat(skin): update design tokens from mistica-design #490

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ebfd566
feat(skin): update design tokens
pbartolome Dec 4, 2025
df6d0c2
Run swiftformat
tuentisre Dec 4, 2025
153c16f
Revert blau palette changes
pbartolome Dec 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions Sources/MisticaCommon/Colors/BlauColorPalette.swift
View file
Open in desktop
Copy link
Contributor

@pbartolome pbartolome Dec 4, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@yceballost can we merge these Blau color changes?

Copy link
Contributor

@pbartolome pbartolome Dec 4, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I discarded those changes for now and left only new colors

Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,10 @@ struct BlauColors: MisticaColors {

let neutralHigh = BlauColors.palette.grey6 | BlauColors.palette.grey2

let neutralHighNegative = BlauColors.palette.white | BlauColors.palette.grey2

let neutralHighBrand = BlauColors.palette.grey6 | BlauColors.palette.grey2

let neutralMedium = BlauColors.palette.grey5 | BlauColors.palette.grey4

let neutralMediumInverse = BlauColors.palette.grey5 | BlauColors.palette.grey4
Expand Down Expand Up @@ -437,6 +441,8 @@ struct BlauColors: MisticaColors {

let textAppBarSelected = BlauColors.palette.blauBlueSecondary60 | BlauColors.palette.grey2

let iosGlassAppBarSelected = BlauColors.palette.blauBlueSecondary60 | BlauColors.palette.white

let customTabsBackground = BlauColors.palette.blauBluePrimary | BlauColors.palette.darkModeBlack

let tagTextPromo = BlauColors.palette.blauPurple | BlauColors.palette.blauPurple30
Expand Down
12 changes: 12 additions & 0 deletions Sources/MisticaCommon/Colors/ColorToolkit+Color.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -645,6 +645,14 @@ public extension Color {
MisticaConfig.currentColors.neutralHigh.color
}

static var neutralHighNegative: Color {
MisticaConfig.currentColors.neutralHighNegative.color
}

static var neutralHighBrand: Color {
MisticaConfig.currentColors.neutralHighBrand.color
}

static var neutralMedium: Color {
MisticaConfig.currentColors.neutralMedium.color
}
Expand Down Expand Up @@ -853,6 +861,10 @@ public extension Color {
MisticaConfig.currentColors.textAppBarSelected.color
}

static var iosGlassAppBarSelected: Color {
MisticaConfig.currentColors.iosGlassAppBarSelected.color
}

static var customTabsBackground: Color {
MisticaConfig.currentColors.customTabsBackground.color
}
Expand Down
12 changes: 12 additions & 0 deletions Sources/MisticaCommon/Colors/ColorToolkit+UIColor.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -645,6 +645,14 @@ public extension UIColor {
MisticaConfig.currentColors.neutralHigh
}

static var neutralHighNegative: UIColor {
MisticaConfig.currentColors.neutralHighNegative
}

static var neutralHighBrand: UIColor {
MisticaConfig.currentColors.neutralHighBrand
}

static var neutralMedium: UIColor {
MisticaConfig.currentColors.neutralMedium
}
Expand Down Expand Up @@ -853,6 +861,10 @@ public extension UIColor {
MisticaConfig.currentColors.textAppBarSelected
}

static var iosGlassAppBarSelected: UIColor {
MisticaConfig.currentColors.iosGlassAppBarSelected
}

static var customTabsBackground: UIColor {
MisticaConfig.currentColors.customTabsBackground
}
Expand Down
3 changes: 3 additions & 0 deletions Sources/MisticaCommon/Colors/MisticaColors.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -170,6 +170,8 @@ public protocol MisticaColors: Sendable {
var inverse: UIColor { get }
var negative: UIColor { get }
var neutralHigh: UIColor { get }
var neutralHighNegative: UIColor { get }
var neutralHighBrand: UIColor { get }
var neutralMedium: UIColor { get }
var neutralMediumInverse: UIColor { get }
var neutralMediumNegative: UIColor { get }
Expand Down Expand Up @@ -222,6 +224,7 @@ public protocol MisticaColors: Sendable {
var textNavigationSearchBarText: UIColor { get }
var textAppBar: UIColor { get }
var textAppBarSelected: UIColor { get }
var iosGlassAppBarSelected: UIColor { get }
var customTabsBackground: UIColor { get }
var tagTextPromo: UIColor { get }
var tagTextActive: UIColor { get }
Expand Down
6 changes: 6 additions & 0 deletions Sources/MisticaCommon/Colors/MovistarColorPalette.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,10 @@ struct MovistarColors: MisticaColors {

let neutralHigh = MovistarColors.palette.movistarBlueDark | MovistarColors.palette.darkModeGrey2

let neutralHighNegative = MovistarColors.palette.white | MovistarColors.palette.darkModeGrey2

let neutralHighBrand = MovistarColors.palette.white | MovistarColors.palette.darkModeGrey2

let neutralMedium = MovistarColors.palette.grey5 | MovistarColors.palette.darkModeGrey5

let neutralMediumInverse = MovistarColors.palette.grey5
Expand Down Expand Up @@ -437,6 +441,8 @@ struct MovistarColors: MisticaColors {

let textAppBarSelected = MovistarColors.palette.movistarBlueHC | MovistarColors.palette.movistarBlue

let iosGlassAppBarSelected = MovistarColors.palette.movistarBlueHC55 | MovistarColors.palette.white

let customTabsBackground = MovistarColors.palette.white | MovistarColors.palette.darkModeBlack

let tagTextPromo = MovistarColors.palette.white
Expand Down
6 changes: 6 additions & 0 deletions Sources/MisticaCommon/Colors/MovistarNewColorPalette.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,10 @@ struct MovistarNewColors: MisticaColors {

let neutralHigh = MovistarNewColors.palette.movistarBlack | MovistarNewColors.palette.grey200

let neutralHighNegative = MovistarNewColors.palette.white | MovistarNewColors.palette.grey200

let neutralHighBrand = MovistarNewColors.palette.white | MovistarNewColors.palette.grey200

let neutralMedium = MovistarNewColors.palette.grey600 | MovistarNewColors.palette.grey500

let neutralMediumInverse = MovistarNewColors.palette.grey600 | MovistarNewColors.palette.grey500
Expand Down Expand Up @@ -437,6 +441,8 @@ struct MovistarNewColors: MisticaColors {

let textAppBarSelected = MovistarNewColors.palette.blue800 | MovistarNewColors.palette.movistarBlue

let iosGlassAppBarSelected = MovistarNewColors.palette.blue800 | MovistarNewColors.palette.blue200

let customTabsBackground = MovistarNewColors.palette.white | MovistarNewColors.palette.darkModeBlack

let tagTextPromo = MovistarNewColors.palette.white | MovistarNewColors.palette.movistarWhite
Expand Down
6 changes: 6 additions & 0 deletions Sources/MisticaCommon/Colors/O2NewColorPalette.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -351,6 +351,10 @@ struct O2NewColors: MisticaColors {

let neutralHigh = O2NewColors.palette.black | O2NewColors.palette.grey30

let neutralHighNegative = O2NewColors.palette.white | O2NewColors.palette.grey30

let neutralHighBrand = O2NewColors.palette.white | O2NewColors.palette.grey30

let neutralMedium = O2NewColors.palette.grey60

let neutralMediumInverse = O2NewColors.palette.grey60
Expand Down Expand Up @@ -455,6 +459,8 @@ struct O2NewColors: MisticaColors {

let textAppBarSelected = O2NewColors.palette.beyondBlue | O2NewColors.palette.beyondBlue40

let iosGlassAppBarSelected = O2NewColors.palette.beyondBlue55 | O2NewColors.palette.beyondBlue15

let customTabsBackground = O2NewColors.palette.beyondBlue | O2NewColors.palette.darkModeBlack

let tagTextPromo = O2NewColors.palette.o2Pink80 | O2NewColors.palette.o2Pink
Expand Down
6 changes: 6 additions & 0 deletions Sources/MisticaCommon/Colors/TelefonicaColorPalette.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,10 @@ struct TelefonicaColors: MisticaColors {

let neutralHigh = TelefonicaColors.palette.grey9 | TelefonicaColors.palette.grey2

let neutralHighNegative = TelefonicaColors.palette.white | TelefonicaColors.palette.grey2

let neutralHighBrand = TelefonicaColors.palette.white | TelefonicaColors.palette.grey2

let neutralMedium = TelefonicaColors.palette.grey5

let neutralMediumInverse = TelefonicaColors.palette.grey5
Expand Down Expand Up @@ -437,6 +441,8 @@ struct TelefonicaColors: MisticaColors {

let textAppBarSelected = TelefonicaColors.palette.telefonicaBlue70 | TelefonicaColors.palette.white

let iosGlassAppBarSelected = TelefonicaColors.palette.telefonicaBlue70 | TelefonicaColors.palette.white

let customTabsBackground = TelefonicaColors.palette.telefonicaBlue70 | TelefonicaColors.palette.darkModeBlack

let tagTextPromo = TelefonicaColors.palette.orchid80 | TelefonicaColors.palette.orchid40
Expand Down
6 changes: 6 additions & 0 deletions Sources/MisticaCommon/Colors/TuColorPalette.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,10 @@ struct TuColors: MisticaColors {

let neutralHigh = TuColors.palette.grey9 | TuColors.palette.grey2

let neutralHighNegative = TuColors.palette.white | TuColors.palette.grey2

let neutralHighBrand = TuColors.palette.white | TuColors.palette.grey2

let neutralMedium = TuColors.palette.grey5

let neutralMediumInverse = TuColors.palette.grey5
Expand Down Expand Up @@ -437,6 +441,8 @@ struct TuColors: MisticaColors {

let textAppBarSelected = TuColors.palette.primary | TuColors.palette.grey2

let iosGlassAppBarSelected = TuColors.palette.primary | TuColors.palette.blue30

let customTabsBackground = TuColors.palette.white | TuColors.palette.darkModeBlack

let tagTextPromo = TuColors.palette.blue | TuColors.palette.blue30
Expand Down
6 changes: 6 additions & 0 deletions Sources/MisticaCommon/Colors/VivoNewColorPalette.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,10 @@ struct VivoNewColors: MisticaColors {

let neutralHigh = VivoNewColors.palette.grey6 | VivoNewColors.palette.grey2

let neutralHighNegative = VivoNewColors.palette.white | VivoNewColors.palette.grey2

let neutralHighBrand = VivoNewColors.palette.white | VivoNewColors.palette.grey2

let neutralMedium = VivoNewColors.palette.grey5

let neutralMediumInverse = VivoNewColors.palette.grey5
Expand Down Expand Up @@ -437,6 +441,8 @@ struct VivoNewColors: MisticaColors {

let textAppBarSelected = VivoNewColors.palette.vivoPurple | VivoNewColors.palette.grey2

let iosGlassAppBarSelected = VivoNewColors.palette.vivoPurple | VivoNewColors.palette.vivoPurpleLight20

let customTabsBackground = VivoNewColors.palette.white | VivoNewColors.palette.darkModeBlack

let tagTextPromo = VivoNewColors.palette.vivoPurple | VivoNewColors.palette.vivoPurpleLight50
Expand Down
9 changes: 9 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/BlauFontSizes.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,10 @@ import Foundation

struct BlauFontSizes: MisticaFontSizes {
public var tabsLabel: CGFloat = 16
public var title1: CGFloat = 12
public var title2: CGFloat = 16
public var title3: CGFloat = 20
public var title4: CGFloat = 24
public var text1: CGFloat = 12
public var text2: CGFloat = 14
public var text3: CGFloat = 16
Expand All @@ -21,4 +24,10 @@ struct BlauFontSizes: MisticaFontSizes {
public var text8: CGFloat = 32
public var text9: CGFloat = 40
public var text10: CGFloat = 48
public var chipLabel: CGFloat = 14
public var inputLabel: CGFloat = 12
public var inputValue: CGFloat = 16
public var inputHelperText: CGFloat = 12
public var stepperStepLabel: CGFloat = 14
public var loadingScreenTitle: CGFloat = 18
}
2 changes: 2 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/BlauFontWeights.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ struct BlauFontWeights: MisticaFontWeights {
public var title1: MisticaFontWeightType = .medium
public var title2: MisticaFontWeightType = .light
public var title3: MisticaFontWeightType = .light
public var title4: MisticaFontWeightType = .light
public var indicator: MisticaFontWeightType = .medium
public var navigationBar: MisticaFontWeightType = .medium
public var text5: MisticaFontWeightType = .light
Expand All @@ -25,4 +26,5 @@ struct BlauFontWeights: MisticaFontWeights {
public var text8: MisticaFontWeightType = .light
public var text9: MisticaFontWeightType = .light
public var text10: MisticaFontWeightType = .light
public var chipLabel: MisticaFontWeightType = .medium
}
9 changes: 9 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/MovistarFontSizes.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,10 @@ import Foundation

struct MovistarFontSizes: MisticaFontSizes {
public var tabsLabel: CGFloat = 16
public var title1: CGFloat = 12
public var title2: CGFloat = 16
public var title3: CGFloat = 20
public var title4: CGFloat = 24
public var text1: CGFloat = 12
public var text2: CGFloat = 14
public var text3: CGFloat = 16
Expand All @@ -21,4 +24,10 @@ struct MovistarFontSizes: MisticaFontSizes {
public var text8: CGFloat = 32
public var text9: CGFloat = 40
public var text10: CGFloat = 48
public var chipLabel: CGFloat = 14
public var inputLabel: CGFloat = 12
public var inputValue: CGFloat = 16
public var inputHelperText: CGFloat = 12
public var stepperStepLabel: CGFloat = 14
public var loadingScreenTitle: CGFloat = 18
}
2 changes: 2 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/MovistarFontWeights.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ struct MovistarFontWeights: MisticaFontWeights {
public var title1: MisticaFontWeightType = .medium
public var title2: MisticaFontWeightType = .bold
public var title3: MisticaFontWeightType = .bold
public var title4: MisticaFontWeightType = .bold
public var indicator: MisticaFontWeightType = .medium
public var navigationBar: MisticaFontWeightType = .medium
public var text5: MisticaFontWeightType = .bold
Expand All @@ -25,4 +26,5 @@ struct MovistarFontWeights: MisticaFontWeights {
public var text8: MisticaFontWeightType = .bold
public var text9: MisticaFontWeightType = .bold
public var text10: MisticaFontWeightType = .bold
public var chipLabel: MisticaFontWeightType = .medium
}
11 changes: 10 additions & 1 deletion Sources/MisticaCommon/Fonts/Brands/MovistarNewFontSizes.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,10 @@ import Foundation

struct MovistarNewFontSizes: MisticaFontSizes {
public var tabsLabel: CGFloat = 16
public var title3: CGFloat = 20
public var title1: CGFloat = 14
public var title2: CGFloat = 16
public var title3: CGFloat = 18
public var title4: CGFloat = 20
public var text1: CGFloat = 12
public var text2: CGFloat = 14
public var text3: CGFloat = 16
Expand All @@ -21,4 +24,10 @@ struct MovistarNewFontSizes: MisticaFontSizes {
public var text8: CGFloat = 32
public var text9: CGFloat = 40
public var text10: CGFloat = 48
public var chipLabel: CGFloat = 14
public var inputLabel: CGFloat = 12
public var inputValue: CGFloat = 16
public var inputHelperText: CGFloat = 14
public var stepperStepLabel: CGFloat = 12
public var loadingScreenTitle: CGFloat = 24
}
2 changes: 2 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/MovistarNewFontWeights.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ struct MovistarNewFontWeights: MisticaFontWeights {
public var title1: MisticaFontWeightType = .medium
public var title2: MisticaFontWeightType = .bold
public var title3: MisticaFontWeightType = .bold
public var title4: MisticaFontWeightType = .bold
public var indicator: MisticaFontWeightType = .medium
public var navigationBar: MisticaFontWeightType = .medium
public var text5: MisticaFontWeightType = .bold
Expand All @@ -25,4 +26,5 @@ struct MovistarNewFontWeights: MisticaFontWeights {
public var text8: MisticaFontWeightType = .bold
public var text9: MisticaFontWeightType = .bold
public var text10: MisticaFontWeightType = .bold
public var chipLabel: MisticaFontWeightType = .medium
}
9 changes: 9 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/O2NewFontSizes.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,10 @@ import Foundation

struct O2NewFontSizes: MisticaFontSizes {
public var tabsLabel: CGFloat = 16
public var title1: CGFloat = 12
public var title2: CGFloat = 16
public var title3: CGFloat = 20
public var title4: CGFloat = 24
public var text1: CGFloat = 12
public var text2: CGFloat = 14
public var text3: CGFloat = 16
Expand All @@ -21,4 +24,10 @@ struct O2NewFontSizes: MisticaFontSizes {
public var text8: CGFloat = 32
public var text9: CGFloat = 40
public var text10: CGFloat = 48
public var chipLabel: CGFloat = 14
public var inputLabel: CGFloat = 12
public var inputValue: CGFloat = 16
public var inputHelperText: CGFloat = 12
public var stepperStepLabel: CGFloat = 14
public var loadingScreenTitle: CGFloat = 18
}
2 changes: 2 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/O2NewFontWeights.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ struct O2NewFontWeights: MisticaFontWeights {
public var title1: MisticaFontWeightType = .medium
public var title2: MisticaFontWeightType = .bold
public var title3: MisticaFontWeightType = .bold
public var title4: MisticaFontWeightType = .bold
public var indicator: MisticaFontWeightType = .medium
public var navigationBar: MisticaFontWeightType = .medium
public var text5: MisticaFontWeightType = .bold
Expand All @@ -25,4 +26,5 @@ struct O2NewFontWeights: MisticaFontWeights {
public var text8: MisticaFontWeightType = .bold
public var text9: MisticaFontWeightType = .bold
public var text10: MisticaFontWeightType = .bold
public var chipLabel: MisticaFontWeightType = .medium
}
9 changes: 9 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/TelefonicaFontSizes.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,10 @@ import Foundation

struct TelefonicaFontSizes: MisticaFontSizes {
public var tabsLabel: CGFloat = 16
public var title1: CGFloat = 12
public var title2: CGFloat = 16
public var title3: CGFloat = 20
public var title4: CGFloat = 24
public var text1: CGFloat = 12
public var text2: CGFloat = 14
public var text3: CGFloat = 16
Expand All @@ -21,4 +24,10 @@ struct TelefonicaFontSizes: MisticaFontSizes {
public var text8: CGFloat = 32
public var text9: CGFloat = 40
public var text10: CGFloat = 48
public var chipLabel: CGFloat = 14
public var inputLabel: CGFloat = 12
public var inputValue: CGFloat = 16
public var inputHelperText: CGFloat = 12
public var stepperStepLabel: CGFloat = 14
public var loadingScreenTitle: CGFloat = 18
}
2 changes: 2 additions & 0 deletions Sources/MisticaCommon/Fonts/Brands/TelefonicaFontWeights.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ struct TelefonicaFontWeights: MisticaFontWeights {
public var title1: MisticaFontWeightType = .medium
public var title2: MisticaFontWeightType = .regular
public var title3: MisticaFontWeightType = .regular
public var title4: MisticaFontWeightType = .regular
public var indicator: MisticaFontWeightType = .medium
public var navigationBar: MisticaFontWeightType = .medium
public var text5: MisticaFontWeightType = .regular
Expand All @@ -25,4 +26,5 @@ struct TelefonicaFontWeights: MisticaFontWeights {
public var text8: MisticaFontWeightType = .regular
public var text9: MisticaFontWeightType = .regular
public var text10: MisticaFontWeightType = .regular
public var chipLabel: MisticaFontWeightType = .medium
}
Loading