[fenix] For https://github.com/mozilla-mobile/fenix/issues/16122 - Add a dark theme color for the top sites pin icon (https://github.com/mozilla-mobile/fenix/pull/16180)

app/src/main/res/layout/top_site_item.xml

@@ -52,7 +52,8 @@
             android:layout_width="16dp"
             android:layout_height="16dp"
             android:layout_gravity="center"
-            android:background="@drawable/ic_pin" />
+            android:background="@drawable/ic_pin"
+            android:backgroundTint="@color/top_site_pin_icon_background_tint"/>
     </FrameLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>

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

@@ -77,6 +77,7 @@
     <color name="top_site_title_text">@color/top_site_title_text_dark_theme</color>
     <color name="top_site_pager_dot">#3A3944</color>
     <color name="top_site_pager_dot_selected">#5B5B66</color>
+    <color name="top_site_pin_icon_background_tint">@color/violet_50</color>
 
     <!-- Synced tabs colors-->
     <color name="synced_tabs_separator">@color/synced_tabs_separator_dark_theme</color>

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

@@ -281,6 +281,7 @@
     <color name="top_site_title_text">@color/top_site_title_text_light_theme</color>
     <color name="top_site_pager_dot">@color/photonLightGrey30</color>
     <color name="top_site_pager_dot_selected">@color/light_grey_50</color>
+    <color name="top_site_pin_icon_background_tint">@color/ink_20</color>
 
     <!-- Synced tabs colors-->
     <color name="synced_tabs_separator">@color/synced_tabs_separator_light_theme</color>