[fenix] For https://github.com/mozilla-mobile/fenix/issues/23086 - Update Border Divider to Border Default

app/src/main/java/org/mozilla/fenix/home/recentvisits/view/RecentlyVisited.kt

@@ -343,7 +343,7 @@ private fun RecentlyVisitedDivider(
 ) {
     Divider(
         modifier = modifier,
-        color = FirefoxTheme.colors.borderDivider,
+        color = FirefoxTheme.colors.borderDefault,
         thickness = 0.5.dp
     )
 }

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

@@ -81,11 +81,11 @@ private val darkColorPalette = FirefoxColors(
     iconAccentYellow = PhotonColors.Yellow20,
     iconGradientStart = PhotonColors.Violet20,
     iconGradientEnd = PhotonColors.Blue20,
+    borderDefault = PhotonColors.DarkGrey05,
     borderFormDefault = PhotonColors.LightGrey05,
     borderSelected = PhotonColors.Violet40,
     borderDisabled = PhotonColors.LightGrey70,
-    borderWarning = PhotonColors.Red40,
+    borderWarning = PhotonColors.Red40
-    borderDivider = PhotonColors.DarkGrey05
 )
 
 private val lightColorPalette = FirefoxColors(
@@ -129,11 +129,11 @@ private val lightColorPalette = FirefoxColors(
     iconAccentYellow = PhotonColors.Yellow60,
     iconGradientStart = PhotonColors.Violet50,
     iconGradientEnd = PhotonColors.Blue60,
+    borderDefault = PhotonColors.LightGrey30,
     borderFormDefault = PhotonColors.DarkGrey90,
     borderSelected = PhotonColors.Ink20,
     borderDisabled = PhotonColors.LightGrey70,
-    borderWarning = PhotonColors.Red80,
+    borderWarning = PhotonColors.Red80
-    borderDivider = PhotonColors.LightGrey40,
 )
 
 /**
@@ -182,11 +182,11 @@ class FirefoxColors(
     iconAccentYellow: Color,
     iconGradientStart: Color,
     iconGradientEnd: Color,
+    borderDefault: Color,
     borderFormDefault: Color,
     borderSelected: Color,
     borderDisabled: Color,
-    borderWarning: Color,
+    borderWarning: Color
-    borderDivider: Color
 ) {
     // Layers
 
@@ -313,6 +313,9 @@ class FirefoxColors(
 
     // Border
 
+    // Default, Divider, Dotted
+    var borderDefault by mutableStateOf(borderDefault)
+        private set
     // Form parts
     var borderFormDefault by mutableStateOf(borderFormDefault)
         private set
@@ -325,8 +328,6 @@ class FirefoxColors(
     // Form parts
     var borderWarning by mutableStateOf(borderWarning)
         private set
-    var borderDivider by mutableStateOf(borderDivider)
-        private set
 
     fun update(other: FirefoxColors) {
         layer1 = other.layer1
@@ -369,11 +370,11 @@ class FirefoxColors(
         iconAccentYellow = other.iconAccentYellow
         iconGradientStart = other.iconGradientStart
         iconGradientEnd = other.iconGradientEnd
+        borderDefault = other.borderDefault
         borderFormDefault = other.borderFormDefault
         borderSelected = other.borderSelected
         borderDisabled = other.borderDisabled
         borderWarning = other.borderWarning
-        borderDivider = other.borderDivider
     }
 
     fun copy(): FirefoxColors = FirefoxColors(
@@ -417,11 +418,11 @@ class FirefoxColors(
         iconAccentYellow = iconAccentYellow,
         iconGradientStart = iconGradientStart,
         iconGradientEnd = iconGradientEnd,
+        borderDefault = borderDefault,
         borderFormDefault = borderFormDefault,
         borderSelected = borderSelected,
         borderDisabled = borderDisabled,
-        borderWarning = borderWarning,
+        borderWarning = borderWarning
-        borderDivider = borderDivider
     )
 }
 

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

@@ -85,6 +85,8 @@
     <color name="fx_mobile_icon_color_gradient_end">@color/photonBlue20</color>
 
     <!-- Border -->
+    <!-- Default, Divider, Dotted -->
+    <color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
     <!-- Form parts -->
     <color name="fx_mobile_border_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
     <!-- Selected tab -->
@@ -93,7 +95,6 @@
     <color name="fx_mobile_border_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey70</color>
     <!-- Form parts -->
     <color name="fx_mobile_border_color_warning" tools:ignore="UnusedResources">@color/photonRed40</color>
-    <color name="fx_mobile_border_color_divider" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 
     <!-- Normal theme colors for dark mode -->
     <color name="primary_text_normal_theme">@color/fx_mobile_text_color_primary</color>

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

@@ -85,6 +85,8 @@
     <color name="fx_mobile_icon_color_gradient_end">@color/photonBlue60</color>
 
     <!-- Border -->
+    <!-- Default, Divider, Dotted -->
+    <color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
     <!-- Form parts -->
     <color name="fx_mobile_border_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
     <!-- Selected tab -->
@@ -93,7 +95,6 @@
     <color name="fx_mobile_border_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey70</color>
     <!-- Form parts -->
     <color name="fx_mobile_border_color_warning" tools:ignore="UnusedResources">@color/photonRed80</color>
-    <color name="fx_mobile_border_color_divider" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
 
     <!-- Private theme color variables -->