[fenix] For https://github.com/mozilla-mobile/fenix/issues/22793 - Add Icon Gradient Start/End color tokens

app/src/main/java/org/mozilla/fenix/theme/FirefoxTheme.kt

@@ -77,6 +77,8 @@ private val darkColorPalette = FirefoxColors(
     iconAccentPink = PhotonColors.Pink20,
     iconAccentGreen = PhotonColors.Green20,
     iconAccentYellow = PhotonColors.Yellow20,
+    iconGradientStart = PhotonColors.Violet20,
+    iconGradientEnd = PhotonColors.Blue20,
     borderDefault = PhotonColors.LightGrey05,
     borderSelected = PhotonColors.Violet40,
     borderDisabled = PhotonColors.LightGrey70,
@@ -121,6 +123,8 @@ private val lightColorPalette = FirefoxColors(
     iconAccentPink = PhotonColors.Pink60,
     iconAccentGreen = PhotonColors.Green60,
     iconAccentYellow = PhotonColors.Yellow60,
+    iconGradientStart = PhotonColors.Violet50,
+    iconGradientEnd = PhotonColors.Blue60,
     borderDefault = PhotonColors.DarkGrey90,
     borderSelected = PhotonColors.Violet90,
     borderDisabled = PhotonColors.LightGrey70,
@@ -170,6 +174,8 @@ class FirefoxColors(
     iconAccentPink: Color,
     iconAccentGreen: Color,
     iconAccentYellow: Color,
+    iconGradientStart: Color,
+    iconGradientEnd: Color,
     borderDefault: Color,
     borderSelected: Color,
     borderDisabled: Color,
@@ -286,6 +292,12 @@ class FirefoxColors(
         private set
     var iconAccentYellow by mutableStateOf(iconAccentYellow)
         private set
+    // Reader, ETP Shield
+    var iconGradientStart by mutableStateOf(iconGradientStart)
+        private set
+    // Reader, ETP Shield
+    var iconGradientEnd by mutableStateOf(iconGradientEnd)
+        private set
 
     // Border
 
@@ -341,6 +353,8 @@ class FirefoxColors(
         iconAccentPink = other.iconAccentPink
         iconAccentGreen = other.iconAccentGreen
         iconAccentYellow = other.iconAccentYellow
+        iconGradientStart = other.iconGradientStart
+        iconGradientEnd = other.iconGradientEnd
         borderDefault = other.borderDefault
         borderSelected = other.borderSelected
         borderDisabled = other.borderDisabled
@@ -385,6 +399,8 @@ class FirefoxColors(
         iconAccentPink = iconAccentPink,
         iconAccentGreen = iconAccentGreen,
         iconAccentYellow = iconAccentYellow,
+        iconGradientStart = iconGradientStart,
+        iconGradientEnd = iconGradientEnd,
         borderDefault = borderDefault,
         borderSelected = borderSelected,
         borderDisabled = borderDisabled,

app/src/main/res/values-night/colors.xml

@@ -75,6 +75,10 @@
     <color name="fx_mobile_icon_color_accent_pink" tools:ignore="UnusedResources">@color/photonPink20</color>
     <color name="fx_mobile_icon_color_accent_green" tools:ignore="UnusedResources">@color/photonGreen20</color>
     <color name="fx_mobile_icon_color_accent_yellow" tools:ignore="UnusedResources">@color/photonYellow20</color>
+    <!-- Reader, ETP Shield -->
+    <color name="fx_mobile_icon_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet20</color>
+    <!-- Reader, ETP Shield -->
+    <color name="fx_mobile_icon_color_gradient_end" tools:ignore="UnusedResources">@color/photonBlue20</color>
 
     <!-- Border -->
     <!-- Form parts -->

app/src/main/res/values/colors.xml

@@ -75,6 +75,10 @@
     <color name="fx_mobile_icon_color_accent_pink" tools:ignore="UnusedResources">@color/photonPink60</color>
     <color name="fx_mobile_icon_color_accent_green" tools:ignore="UnusedResources">@color/photonGreen60</color>
     <color name="fx_mobile_icon_color_accent_yellow" tools:ignore="UnusedResources">@color/photonYellow60</color>
+    <!-- Reader, ETP Shield -->
+    <color name="fx_mobile_icon_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet50</color>
+    <!-- Reader, ETP Shield -->
+    <color name="fx_mobile_icon_color_gradient_end" tools:ignore="UnusedResources">@color/photonBlue60</color>
 
     <!-- Border -->
     <!-- Form parts -->