Use photon colors from ui-color (#18760)

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

@@ -79,7 +79,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>
+    <color name="top_site_pin_icon_background_tint">@color/photonViolet50</color>
 
     <!-- Synced tabs colors-->
     <color name="synced_tabs_separator">@color/synced_tabs_separator_dark_theme</color>

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

@@ -4,10 +4,7 @@
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Photon colors -->
-    <color name="light_grey_50">#BFBFC9</color>
-    <color name="ink_20">#312A65</color>
     <color name="ink_20_48a">#7A312A65</color>
-    <color name="violet_50">#9059FF</color>
     <color name="violet_50_32a">#529059FF</color>
     <color name="violet_50_48a">#7A9059FF</color>
     <color name="violet_70_12a">#1F592ACB</color>
@@ -44,7 +41,7 @@
     <color name="toolbar_start_gradient_light_theme">@color/foundation_light_theme</color>
     <color name="toolbar_center_gradient_light_theme">@color/foundation_light_theme</color>
     <color name="toolbar_end_gradient_light_theme">@color/foundation_light_theme</color>
-    <color name="toolbar_divider_color_light_theme">@color/light_grey_50</color>
+    <color name="toolbar_divider_color_light_theme">@color/photonLightGrey50</color>
     <color name="fill_link_from_clipboard_light_theme">@color/accent_light_theme</color>
     <color name="sync_disconnected_icon_fill_light_theme">#C45A27</color>
     <color name="sync_disconnected_background_light_theme">#FFFDE2</color>
@@ -74,7 +71,7 @@
     <color name="tab_tray_item_divider_light_theme">@color/photonLightGrey30</color>
     <color name="tab_tray_item_media_stroke">#ffffff</color>
     <color name="tab_tray_item_media_background_light_theme">#312A65</color>
-    <color name="tab_tray_heading_icon_light_theme">@color/ink_20</color>
+    <color name="tab_tray_heading_icon_light_theme">@color/photonInk20</color>
     <color name="tab_tray_heading_icon_inactive_light_theme">@color/ink_20_48a</color>
     <color name="tab_tray_heading_icon_menu_light_theme">@color/accent_normal_theme</color>
     <color name="tab_tray_item_thumbnail_background_light_theme">@color/photonLightGrey10</color>
@@ -143,7 +140,7 @@
     <color name="tab_tray_toolbar_background_dark_theme">@color/photonDarkGrey50</color>
     <color name="tab_tray_item_divider_dark_theme">@color/photonDarkGrey10</color>
     <color name="tab_tray_item_media_background_dark_theme">#9059FF</color>
-    <color name="tab_tray_heading_icon_dark_theme">@color/violet_50</color>
+    <color name="tab_tray_heading_icon_dark_theme">@color/photonViolet50</color>
     <color name="tab_tray_heading_icon_inactive_dark_theme">@color/photonLightGrey05</color>
     <color name="tab_tray_heading_icon_menu_dark_theme">@color/photonLightGrey05</color>
     <color name="tab_tray_item_thumbnail_background_dark_theme">@color/photonDarkGrey50</color>
@@ -206,7 +203,7 @@
     <color name="tab_tray_toolbar_background_private_theme">@color/photonInk50</color>
     <color name="tab_tray_item_divider_private_theme">@color/photonDarkGrey10</color>
     <color name="tab_tray_item_media_background_private_theme">#9059FF</color>
-    <color name="tab_tray_heading_icon_private_theme">@color/violet_50</color>
+    <color name="tab_tray_heading_icon_private_theme">@color/photonViolet50</color>
     <color name="tab_tray_heading_icon_inactive_private_theme">@color/violet_50_48a</color>
 
     <!-- Tab History -->
@@ -283,8 +280,8 @@
     <!-- Top site colors -->
     <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>
+    <color name="top_site_pager_dot_selected">@color/photonLightGrey50</color>
+    <color name="top_site_pin_icon_background_tint">@color/photonInk20</color>
 
     <!-- Synced tabs colors-->
     <color name="synced_tabs_separator">@color/synced_tabs_separator_light_theme</color>