Update design tokens (#328)

* Update design tokens * use barTrack instead of control in progressBar and stepper --------- Co-authored-by: tuentisre <[email protected]> Co-authored-by: Yayo <[email protected]>
Telefonica · Jan 22, 2024 · a5fd177 · a5fd177
1 parent c112355
commit a5fd177
Show file tree

Hide file tree

Showing 27 changed files with 204 additions and 46 deletions.
diff --git a/.../src/main/java/com/telefonica/mistica/compose/theme/brand/BlauBrandColorsAutogenerated.kt b/.../src/main/java/com/telefonica/mistica/compose/theme/brand/BlauBrandColorsAutogenerated.kt
@@ -34,6 +34,9 @@ public object BlauBrandColors {
       buttonDangerBackground = BlauPaletteColor.blau_color_blauRed,
       buttonDangerBackgroundSelected = BlauPaletteColor.blau_color_blauRed70,
       buttonDangerBackgroundHover = BlauPaletteColor.blau_color_blauRed70,
+      buttonLinkDangerBackgroundSelected = BlauPaletteColor.blau_color_blauRed10,
+      buttonLinkDangerBackgroundInverse = BlauPaletteColor.blau_color_white,
+      buttonLinkDangerBackgroundInverseSelected = BlauPaletteColor.blau_color_blauRed10,
       buttonLinkBackgroundSelected = BlauPaletteColor.blau_color_blauPurple10,
       buttonLinkBackgroundInverseSelected = BlauPaletteColor.blau_color_white_15_alpha,
       buttonPrimaryBackground = BlauPaletteColor.blau_color_blauBlueSecondary,
@@ -65,6 +68,7 @@ public object BlauBrandColors {
       controlInverse = BlauPaletteColor.blau_color_white,
       controlActivatedInverse = BlauPaletteColor.blau_color_white,
       controlError = BlauPaletteColor.blau_color_blauRed,
+      barTrack = BlauPaletteColor.blau_color_grey2,
       loadingBar = BlauPaletteColor.blau_color_blauBlueSecondary,
       loadingBarBackground = BlauPaletteColor.blau_color_blauBlueSecondary10,
       toggleAndroidInactive = BlauPaletteColor.blau_color_grey2,
@@ -144,6 +148,9 @@ public object BlauBrandColors {
       buttonDangerBackground = BlauPaletteColor.blau_color_blauRed,
       buttonDangerBackgroundSelected = BlauPaletteColor.blau_color_blauRed70,
       buttonDangerBackgroundHover = BlauPaletteColor.blau_color_blauRed70,
+      buttonLinkDangerBackgroundSelected = BlauPaletteColor.blau_color_blauPurple_30_alpha,
+      buttonLinkDangerBackgroundInverse = BlauPaletteColor.blau_color_blauPurple_1_alpha,
+      buttonLinkDangerBackgroundInverseSelected = BlauPaletteColor.blau_color_blauPurple_30_alpha,
       buttonLinkBackgroundSelected = BlauPaletteColor.blau_color_blauPurple_30_alpha,
       buttonLinkBackgroundInverseSelected = BlauPaletteColor.blau_color_blauPurple_30_alpha,
       buttonPrimaryBackground = BlauPaletteColor.blau_color_blauBlueSecondary,
@@ -175,6 +182,7 @@ public object BlauBrandColors {
       controlInverse = BlauPaletteColor.blau_color_darkModeGrey6,
       controlActivatedInverse = BlauPaletteColor.blau_color_blauBlueSecondary,
       controlError = BlauPaletteColor.blau_color_blauRed,
+      barTrack = BlauPaletteColor.blau_color_darkModeGrey6,
       loadingBar = BlauPaletteColor.blau_color_blauBluePrimary,
       loadingBarBackground = BlauPaletteColor.blau_color_darkModeGrey,
       toggleAndroidInactive = BlauPaletteColor.blau_color_grey5,
@@ -326,4 +334,6 @@ private object BlauPaletteColor {
   public val blau_color_darkModeGrey_80_alpha: Color = Color(0xCC242424)
 
   public val blau_color_blauPurple_30_alpha: Color = Color(0x4D7814B3)
+
+  public val blau_color_blauPurple_1_alpha: Color = Color(0x037814B3)
 }
diff --git a/.../main/java/com/telefonica/mistica/compose/theme/brand/MovistarBrandColorsAutogenerated.kt b/.../main/java/com/telefonica/mistica/compose/theme/brand/MovistarBrandColorsAutogenerated.kt
@@ -34,6 +34,9 @@ public object MovistarBrandColors {
       buttonDangerBackground = MovistarPaletteColor.movistar_color_pepper,
       buttonDangerBackgroundSelected = MovistarPaletteColor.movistar_color_pepper55,
       buttonDangerBackgroundHover = MovistarPaletteColor.movistar_color_pepper55,
+      buttonLinkDangerBackgroundSelected = MovistarPaletteColor.movistar_color_pepper10,
+      buttonLinkDangerBackgroundInverse = MovistarPaletteColor.movistar_color_white,
+      buttonLinkDangerBackgroundInverseSelected = MovistarPaletteColor.movistar_color_pepper10,
       buttonLinkBackgroundSelected = MovistarPaletteColor.movistar_color_movistarBlue10,
       buttonLinkBackgroundInverseSelected = MovistarPaletteColor.movistar_color_white_20_alpha,
       buttonPrimaryBackground = MovistarPaletteColor.movistar_color_movistarBlue,
@@ -65,6 +68,7 @@ public object MovistarBrandColors {
       controlInverse = MovistarPaletteColor.movistar_color_white,
       controlActivatedInverse = MovistarPaletteColor.movistar_color_white,
       controlError = MovistarPaletteColor.movistar_color_pepper,
+      barTrack = MovistarPaletteColor.movistar_color_grey3,
       loadingBar = MovistarPaletteColor.movistar_color_movistarBlue30,
       loadingBarBackground = MovistarPaletteColor.movistar_color_movistarBlue55,
       toggleAndroidInactive = MovistarPaletteColor.movistar_color_grey2,
@@ -144,6 +148,9 @@ public object MovistarBrandColors {
       buttonDangerBackground = MovistarPaletteColor.movistar_color_pepper,
       buttonDangerBackgroundSelected = MovistarPaletteColor.movistar_color_pepper55,
       buttonDangerBackgroundHover = MovistarPaletteColor.movistar_color_pepper55,
+      buttonLinkDangerBackgroundSelected = MovistarPaletteColor.movistar_color_white_8_alpha,
+      buttonLinkDangerBackgroundInverse = MovistarPaletteColor.movistar_color_white_1_alpha,
+      buttonLinkDangerBackgroundInverseSelected = MovistarPaletteColor.movistar_color_white_8_alpha,
       buttonLinkBackgroundSelected = MovistarPaletteColor.movistar_color_white_8_alpha,
       buttonLinkBackgroundInverseSelected = MovistarPaletteColor.movistar_color_white_8_alpha,
       buttonPrimaryBackground = MovistarPaletteColor.movistar_color_movistarBlue,
@@ -175,6 +182,7 @@ public object MovistarBrandColors {
       controlInverse = MovistarPaletteColor.movistar_color_darkModeGrey6,
       controlActivatedInverse = MovistarPaletteColor.movistar_color_movistarBlue,
       controlError = MovistarPaletteColor.movistar_color_pepper,
+      barTrack = MovistarPaletteColor.movistar_color_darkModeGrey6,
       loadingBar = MovistarPaletteColor.movistar_color_movistarBlue,
       loadingBarBackground = MovistarPaletteColor.movistar_color_darkModeGrey6,
       toggleAndroidInactive = MovistarPaletteColor.movistar_color_darkModeGrey4,
@@ -333,5 +341,7 @@ private object MovistarPaletteColor {
 
   public val movistar_color_white_8_alpha: Color = Color(0x14FFFFFF)
 
+  public val movistar_color_white_1_alpha: Color = Color(0x03FFFFFF)
+
   public val movistar_color_white_15_alpha: Color = Color(0x26FFFFFF)
 }
diff --git a/...ry/src/main/java/com/telefonica/mistica/compose/theme/brand/O2BrandColorsAutogenerated.kt b/...ry/src/main/java/com/telefonica/mistica/compose/theme/brand/O2BrandColorsAutogenerated.kt
@@ -33,6 +33,9 @@ public object O2BrandColors {
       buttonDangerBackground = O2PaletteColor.o2_color_pepper,
       buttonDangerBackgroundSelected = O2PaletteColor.o2_color_pepper60,
       buttonDangerBackgroundHover = O2PaletteColor.o2_color_pepper60,
+      buttonLinkDangerBackgroundSelected = O2PaletteColor.o2_color_pepper10,
+      buttonLinkDangerBackgroundInverse = O2PaletteColor.o2_color_white,
+      buttonLinkDangerBackgroundInverseSelected = O2PaletteColor.o2_color_pepper10,
       buttonLinkBackgroundSelected = O2PaletteColor.o2_color_o2BluePrimary10,
       buttonLinkBackgroundInverseSelected = O2PaletteColor.o2_color_white_8_alpha,
       buttonPrimaryBackground = O2PaletteColor.o2_color_o2BluePrimary,
@@ -64,6 +67,7 @@ public object O2BrandColors {
       controlInverse = O2PaletteColor.o2_color_white,
       controlActivatedInverse = O2PaletteColor.o2_color_white,
       controlError = O2PaletteColor.o2_color_pepper,
+      barTrack = O2PaletteColor.o2_color_grey3,
       loadingBar = O2PaletteColor.o2_color_o2BluePrimary,
       loadingBarBackground = O2PaletteColor.o2_color_grey1,
       toggleAndroidInactive = O2PaletteColor.o2_color_grey2,
@@ -143,6 +147,9 @@ public object O2BrandColors {
       buttonDangerBackground = O2PaletteColor.o2_color_pepper,
       buttonDangerBackgroundSelected = O2PaletteColor.o2_color_pepper60,
       buttonDangerBackgroundHover = O2PaletteColor.o2_color_pepper60,
+      buttonLinkDangerBackgroundSelected = O2PaletteColor.o2_color_white_8_alpha,
+      buttonLinkDangerBackgroundInverse = O2PaletteColor.o2_color_white_1_alpha,
+      buttonLinkDangerBackgroundInverseSelected = O2PaletteColor.o2_color_white_8_alpha,
       buttonLinkBackgroundSelected = O2PaletteColor.o2_color_white_8_alpha,
       buttonLinkBackgroundInverseSelected = O2PaletteColor.o2_color_white_8_alpha,
       buttonPrimaryBackground = O2PaletteColor.o2_color_darkModeO2BluePrimary,
@@ -174,6 +181,7 @@ public object O2BrandColors {
       controlInverse = O2PaletteColor.o2_color_darkModeGrey6,
       controlActivatedInverse = O2PaletteColor.o2_color_o2BluePrimary30,
       controlError = O2PaletteColor.o2_color_pepper,
+      barTrack = O2PaletteColor.o2_color_darkModeGrey6,
       loadingBar = O2PaletteColor.o2_color_darkModeO2BluePrimary,
       loadingBarBackground = O2PaletteColor.o2_color_darkModeGrey6,
       toggleAndroidInactive = O2PaletteColor.o2_color_grey4,
@@ -333,4 +341,6 @@ private object O2PaletteColor {
   public val o2_color_white_5_alpha: Color = Color(0x0DFFFFFF)
 
   public val o2_color_darkModeGrey_80_alpha: Color = Color(0xCC242424)
+
+  public val o2_color_white_1_alpha: Color = Color(0x03FFFFFF)
 }
diff --git a/...ain/java/com/telefonica/mistica/compose/theme/brand/TelefonicaBrandColorsAutogenerated.kt b/...ain/java/com/telefonica/mistica/compose/theme/brand/TelefonicaBrandColorsAutogenerated.kt
@@ -37,6 +37,9 @@ public object TelefonicaBrandColors {
       buttonDangerBackground = TelefonicaPaletteColor.telefonica_color_coral,
       buttonDangerBackgroundSelected = TelefonicaPaletteColor.telefonica_color_coral80,
       buttonDangerBackgroundHover = TelefonicaPaletteColor.telefonica_color_coral80,
+      buttonLinkDangerBackgroundSelected = TelefonicaPaletteColor.telefonica_color_coral10,
+      buttonLinkDangerBackgroundInverse = TelefonicaPaletteColor.telefonica_color_white,
+      buttonLinkDangerBackgroundInverseSelected = TelefonicaPaletteColor.telefonica_color_coral10,
       buttonLinkBackgroundSelected = TelefonicaPaletteColor.telefonica_color_grey1,
       buttonLinkBackgroundInverseSelected = TelefonicaPaletteColor.telefonica_color_white_8_alpha,
       buttonPrimaryBackground = TelefonicaPaletteColor.telefonica_color_telefonicaBlue,
@@ -71,6 +74,7 @@ public object TelefonicaBrandColors {
       controlInverse = TelefonicaPaletteColor.telefonica_color_white,
       controlActivatedInverse = TelefonicaPaletteColor.telefonica_color_white,
       controlError = TelefonicaPaletteColor.telefonica_color_coral,
+      barTrack = TelefonicaPaletteColor.telefonica_color_grey3,
       loadingBar = TelefonicaPaletteColor.telefonica_color_telefonicaBlue30,
       loadingBarBackground = TelefonicaPaletteColor.telefonica_color_telefonicaBlue70,
       toggleAndroidInactive = TelefonicaPaletteColor.telefonica_color_grey2,
@@ -150,6 +154,10 @@ public object TelefonicaBrandColors {
       buttonDangerBackground = TelefonicaPaletteColor.telefonica_color_coral,
       buttonDangerBackgroundSelected = TelefonicaPaletteColor.telefonica_color_coral80,
       buttonDangerBackgroundHover = TelefonicaPaletteColor.telefonica_color_coral80,
+      buttonLinkDangerBackgroundSelected = TelefonicaPaletteColor.telefonica_color_white_8_alpha,
+      buttonLinkDangerBackgroundInverse = TelefonicaPaletteColor.telefonica_color_white_1_alpha,
+      buttonLinkDangerBackgroundInverseSelected =
+          TelefonicaPaletteColor.telefonica_color_white_8_alpha,
       buttonLinkBackgroundSelected = TelefonicaPaletteColor.telefonica_color_white_8_alpha,
       buttonLinkBackgroundInverseSelected = TelefonicaPaletteColor.telefonica_color_white_8_alpha,
       buttonPrimaryBackground = TelefonicaPaletteColor.telefonica_color_telefonicaBlue,
@@ -184,6 +192,7 @@ public object TelefonicaBrandColors {
       controlInverse = TelefonicaPaletteColor.telefonica_color_darkModeGrey6,
       controlActivatedInverse = TelefonicaPaletteColor.telefonica_color_telefonicaBlue,
       controlError = TelefonicaPaletteColor.telefonica_color_coral,
+      barTrack = TelefonicaPaletteColor.telefonica_color_darkModeGrey6,
       loadingBar = TelefonicaPaletteColor.telefonica_color_telefonicaBlue,
       loadingBarBackground = TelefonicaPaletteColor.telefonica_color_grey6,
       toggleAndroidInactive = TelefonicaPaletteColor.telefonica_color_grey4,
@@ -332,5 +341,7 @@ private object TelefonicaPaletteColor {
 
   public val telefonica_color_darkModeGrey_80_alpha: Color = Color(0xCC242424)
 
+  public val telefonica_color_white_1_alpha: Color = Color(0x03FFFFFF)
+
   public val telefonica_color_white_15_alpha: Color = Color(0x26FFFFFF)
 }
diff --git a/.../src/main/java/com/telefonica/mistica/compose/theme/brand/VivoBrandColorsAutogenerated.kt b/.../src/main/java/com/telefonica/mistica/compose/theme/brand/VivoBrandColorsAutogenerated.kt
@@ -34,6 +34,9 @@ public object VivoBrandColors {
       buttonDangerBackground = VivoPaletteColor.vivo_color_pepper,
       buttonDangerBackgroundSelected = VivoPaletteColor.vivo_color_pepperDark,
       buttonDangerBackgroundHover = VivoPaletteColor.vivo_color_pepperDark,
+      buttonLinkDangerBackgroundSelected = VivoPaletteColor.vivo_color_pepperLight10,
+      buttonLinkDangerBackgroundInverse = VivoPaletteColor.vivo_color_white,
+      buttonLinkDangerBackgroundInverseSelected = VivoPaletteColor.vivo_color_pepperLight10,
       buttonLinkBackgroundSelected = VivoPaletteColor.vivo_color_vivoPurpleLight10,
       buttonLinkBackgroundInverseSelected = VivoPaletteColor.vivo_color_white_10_alpha,
       buttonPrimaryBackground = VivoPaletteColor.vivo_color_vivoPurple,
@@ -65,6 +68,7 @@ public object VivoBrandColors {
       controlInverse = VivoPaletteColor.vivo_color_white,
       controlActivatedInverse = VivoPaletteColor.vivo_color_white,
       controlError = VivoPaletteColor.vivo_color_pepper,
+      barTrack = VivoPaletteColor.vivo_color_grey3,
       loadingBar = VivoPaletteColor.vivo_color_pink,
       loadingBarBackground = VivoPaletteColor.vivo_color_pepperLight30,
       toggleAndroidInactive = VivoPaletteColor.vivo_color_grey2,
@@ -144,6 +148,9 @@ public object VivoBrandColors {
       buttonDangerBackground = VivoPaletteColor.vivo_color_pepper,
       buttonDangerBackgroundSelected = VivoPaletteColor.vivo_color_pepperDark,
       buttonDangerBackgroundHover = VivoPaletteColor.vivo_color_pepperDark,
+      buttonLinkDangerBackgroundSelected = VivoPaletteColor.vivo_color_white_8_alpha,
+      buttonLinkDangerBackgroundInverse = VivoPaletteColor.vivo_color_white_1_alpha,
+      buttonLinkDangerBackgroundInverseSelected = VivoPaletteColor.vivo_color_white_8_alpha,
       buttonLinkBackgroundSelected = VivoPaletteColor.vivo_color_white_8_alpha,
       buttonLinkBackgroundInverseSelected = VivoPaletteColor.vivo_color_white_8_alpha,
       buttonPrimaryBackground = VivoPaletteColor.vivo_color_vivoPurpleLight80,
@@ -175,6 +182,7 @@ public object VivoBrandColors {
       controlInverse = VivoPaletteColor.vivo_color_darkModeGrey6,
       controlActivatedInverse = VivoPaletteColor.vivo_color_vivoPurpleLight80,
       controlError = VivoPaletteColor.vivo_color_pepper,
+      barTrack = VivoPaletteColor.vivo_color_darkModeGrey6,
       loadingBar = VivoPaletteColor.vivo_color_vivoPurpleLight80,
       loadingBarBackground = VivoPaletteColor.vivo_color_darkModeGrey6,
       toggleAndroidInactive = VivoPaletteColor.vivo_color_grey4,
@@ -324,4 +332,6 @@ private object VivoPaletteColor {
   public val vivo_color_darkModeGrey_80_alpha: Color = Color(0xCC242424)
 
   public val vivo_color_white_8_alpha: Color = Color(0x14FFFFFF)
+
+  public val vivo_color_white_1_alpha: Color = Color(0x03FFFFFF)
 }
diff --git a/...c/main/java/com/telefonica/mistica/compose/theme/brand/VivoNewBrandColorsAutogenerated.kt b/...c/main/java/com/telefonica/mistica/compose/theme/brand/VivoNewBrandColorsAutogenerated.kt
@@ -19,7 +19,7 @@ public object VivoNewBrandColors {
       backgroundContainerBrandOverInverse = VivoNewPaletteColor.vivoNew_color_vivoPurpleDark,
       backgroundContainerAlternative = VivoNewPaletteColor.vivoNew_color_grey1,
       backgroundOverlay = VivoNewPaletteColor.vivoNew_color_grey6_60_alpha,
-      backgroundSkeleton = VivoNewPaletteColor.vivoNew_color_grey2,
+      backgroundSkeleton = VivoNewPaletteColor.vivoNew_color_grey4,
       backgroundSkeletonInverse = VivoNewPaletteColor.vivoNew_color_vivoPurpleDark,
       backgroundFeedbackBottom = VivoNewPaletteColor.vivoNew_color_vivoPurple,
       appBarBackground = VivoNewPaletteColor.vivoNew_color_white,
@@ -34,6 +34,9 @@ public object VivoNewBrandColors {
       buttonDangerBackground = VivoNewPaletteColor.vivoNew_color_pepper,
       buttonDangerBackgroundSelected = VivoNewPaletteColor.vivoNew_color_pepperDark,
       buttonDangerBackgroundHover = VivoNewPaletteColor.vivoNew_color_pepperDark,
+      buttonLinkDangerBackgroundSelected = VivoNewPaletteColor.vivoNew_color_pepperLight10,
+      buttonLinkDangerBackgroundInverse = VivoNewPaletteColor.vivoNew_color_white,
+      buttonLinkDangerBackgroundInverseSelected = VivoNewPaletteColor.vivoNew_color_pepperLight10,
       buttonLinkBackgroundSelected = VivoNewPaletteColor.vivoNew_color_vivoPurpleLight10,
       buttonLinkBackgroundInverseSelected = VivoNewPaletteColor.vivoNew_color_white_10_alpha,
       buttonPrimaryBackground = VivoNewPaletteColor.vivoNew_color_vivoPurple,
@@ -60,17 +63,18 @@ public object VivoNewBrandColors {
       textLinkInverse = VivoNewPaletteColor.vivoNew_color_white,
       textLinkDanger = VivoNewPaletteColor.vivoNew_color_pepper,
       textLinkSnackbar = VivoNewPaletteColor.vivoNew_color_vivoPurpleLight20,
-      control = VivoNewPaletteColor.vivoNew_color_grey3,
+      control = VivoNewPaletteColor.vivoNew_color_grey4,
       controlActivated = VivoNewPaletteColor.vivoNew_color_vivoPurple,
       controlInverse = VivoNewPaletteColor.vivoNew_color_white,
       controlActivatedInverse = VivoNewPaletteColor.vivoNew_color_white,
       controlError = VivoNewPaletteColor.vivoNew_color_pepper,
-      loadingBar = VivoNewPaletteColor.vivoNew_color_pink,
-      loadingBarBackground = VivoNewPaletteColor.vivoNew_color_pepperLight30,
+      barTrack = VivoNewPaletteColor.vivoNew_color_grey3,
+      loadingBar = VivoNewPaletteColor.vivoNew_color_vivoPurple,
+      loadingBarBackground = VivoNewPaletteColor.vivoNew_color_vivoPurpleLight10,
       toggleAndroidInactive = VivoNewPaletteColor.vivoNew_color_grey2,
       toggleAndroidBackgroundActive = VivoNewPaletteColor.vivoNew_color_vivoPurpleLight20,
       iosControlKnob = VivoNewPaletteColor.vivoNew_color_white,
-      divider = VivoNewPaletteColor.vivoNew_color_grey2,
+      divider = VivoNewPaletteColor.vivoNew_color_grey3,
       dividerInverse = VivoNewPaletteColor.vivoNew_color_white_20_alpha,
       navigationBarDivider = VivoNewPaletteColor.vivoNew_color_vivoPurple,
       badge = VivoNewPaletteColor.vivoNew_color_pepperDark,
@@ -112,7 +116,7 @@ public object VivoNewBrandColors {
       textNavigationSearchBarText = VivoNewPaletteColor.vivoNew_color_white,
       textAppBar = VivoNewPaletteColor.vivoNew_color_grey4,
       textAppBarSelected = VivoNewPaletteColor.vivoNew_color_vivoPurple,
-      customTabsBackground = VivoNewPaletteColor.vivoNew_color_vivoPurple,
+      customTabsBackground = VivoNewPaletteColor.vivoNew_color_white,
       )
 
   public val darkColors: MisticaColors = MisticaColors(background =
@@ -144,6 +148,9 @@ public object VivoNewBrandColors {
       buttonDangerBackground = VivoNewPaletteColor.vivoNew_color_pepper,
       buttonDangerBackgroundSelected = VivoNewPaletteColor.vivoNew_color_pepperDark,
       buttonDangerBackgroundHover = VivoNewPaletteColor.vivoNew_color_pepperDark,
+      buttonLinkDangerBackgroundSelected = VivoNewPaletteColor.vivoNew_color_white_8_alpha,
+      buttonLinkDangerBackgroundInverse = VivoNewPaletteColor.vivoNew_color_white_1_alpha,
+      buttonLinkDangerBackgroundInverseSelected = VivoNewPaletteColor.vivoNew_color_white_8_alpha,
       buttonLinkBackgroundSelected = VivoNewPaletteColor.vivoNew_color_white_8_alpha,
       buttonLinkBackgroundInverseSelected = VivoNewPaletteColor.vivoNew_color_white_8_alpha,
       buttonPrimaryBackground = VivoNewPaletteColor.vivoNew_color_vivoPurpleLight80,
@@ -175,6 +182,7 @@ public object VivoNewBrandColors {
       controlInverse = VivoNewPaletteColor.vivoNew_color_darkModeGrey6,
       controlActivatedInverse = VivoNewPaletteColor.vivoNew_color_vivoPurpleLight80,
       controlError = VivoNewPaletteColor.vivoNew_color_pepper,
+      barTrack = VivoNewPaletteColor.vivoNew_color_darkModeGrey6,
       loadingBar = VivoNewPaletteColor.vivoNew_color_vivoPurpleLight80,
       loadingBarBackground = VivoNewPaletteColor.vivoNew_color_darkModeGrey6,
       toggleAndroidInactive = VivoNewPaletteColor.vivoNew_color_grey4,
@@ -283,7 +291,7 @@ private object VivoNewPaletteColor {
 
   public val vivoNew_color_grey3: Color = Color(0xFFDDDDDD)
 
-  public val vivoNew_color_grey4: Color = Color(0xFF999999)
+  public val vivoNew_color_grey4: Color = Color(0xFF949494)
 
   public val vivoNew_color_grey5: Color = Color(0xFF666666)
 
@@ -324,4 +332,6 @@ private object VivoNewPaletteColor {
   public val vivoNew_color_darkModeGrey_80_alpha: Color = Color(0xCC242424)
 
   public val vivoNew_color_white_8_alpha: Color = Color(0x14FFFFFF)
+
+  public val vivoNew_color_white_1_alpha: Color = Color(0x03FFFFFF)
 }