mobile/android/fenix/app/src/main/res/values/colors.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   3    - License, v. 2.0. If a copy of the MPL was not distributed with this
   4    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
   5 <resources xmlns:tools="http://schemas.android.com/tools">
   6     <!-- Design system color variables -->
   7
   8     <!-- Layers -->
   9     <!-- Default Screen background, Frontlayer background, App Bar Top, App Bar Bottom, Frontlayer header -->
  10     <color name="fx_mobile_layer_color_1">@color/photonLightGrey10</color>
  11     <!-- Card background, Menu background, Dialog, Banner -->
  12     <color name="fx_mobile_layer_color_2">@color/photonWhite</color>
  13     <!-- Search -->
  14     <color name="fx_mobile_layer_color_3">@color/photonLightGrey20</color>
  15     <!-- App Bar Top (edit), Text Cursor, Selected Tab Check -->
  16     <color name="fx_mobile_layer_color_accent">@color/photonInk20</color>
  17     <!-- Selected tab -->
  18     <color name="fx_mobile_layer_color_accent_nonopaque">@color/photonViolet70A12</color>
  19     <color name="fx_mobile_layer_color_scrim" tools:ignore="UnusedResources">@color/photonDarkGrey05A45</color>
  20     <color name="fx_mobile_layer_color_scrim_start">@color/photonDarkGrey90A96</color>
  21     <color name="fx_mobile_layer_color_scrim_end">@color/photonDarkGrey30A96</color>
  22     <!-- Tooltip -->
  23     <color name="fx_mobile_layer_color_gradient_start">@color/photonViolet70</color>
  24     <!-- Tooltip -->
  25     <color name="fx_mobile_layer_color_gradient_end">@color/photonViolet40</color>
  26
  27     <!-- Action -->
  28     <!-- Primary button, Snackbar, Floating action button, Chip selected -->
  29     <color name="fx_mobile_action_color_primary">@color/photonInk20</color>
  30     <!-- Secondary button -->
  31     <color name="fx_mobile_action_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
  32     <!-- Filter -->
  33     <color name="fx_mobile_action_color_tertiary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
  34     <!-- Chip -->
  35     <color name="fx_mobile_action_quarternary" tools:ignore="UnusedResources">@color/photonLightGrey10</color>
  36     <!-- Checkbox default, Radio button default -->
  37     <color name="fx_mobile_action_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
  38     <!-- Checkbox selected, Radio button selected -->
  39     <color name="fx_mobile_action_color_form_selected" tools:ignore="UnusedResources">@color/photonInk20</color>
  40     <!-- Switch background OFF, Switch background ON -->
  41     <color name="fx_mobile_action_color_form_surface" tools:ignore="UnusedResources">@color/photonLightGrey50</color>
  42     <!-- Checkbox disabled, Radio disabled -->
  43     <color name="fx_mobile_action_color_form_disabled" tools:ignore="UnusedResources">@color/photonLightGrey50</color>
  44     <!-- Switch thumb ON -->
  45     <color name="fx_mobile_action_color_form_on" tools:ignore="UnusedResources">@color/photonInk20</color>
  46     <!-- Switch thumb OFF -->
  47     <color name="fx_mobile_action_color_form_off" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
  48     <!-- Scroll indicator active -->
  49     <color name="fx_mobile_action_color_indicator_active">@color/photonLightGrey50</color>
  50     <!-- Scroll indicator inactive -->
  51     <color name="fx_mobile_action_color_indicator_inactive">@color/photonLightGrey30</color>
  52
  53     <!-- Text -->
  54     <!-- Primary text -->
  55     <color name="fx_mobile_text_color_primary">@color/photonDarkGrey90</color>
  56     <!-- Secondary text -->
  57     <color name="fx_mobile_text_color_secondary">@color/photonDarkGrey05</color>
  58     <!-- Disabled text -->
  59     <color name="fx_mobile_text_color_disabled">@color/photonDarkGrey90A40</color>
  60     <!-- Warning text -->
  61     <color name="fx_mobile_text_color_warning">@color/photonRed70</color>
  62     <!-- Warning text on Secondary button -->
  63     <color name="fx_mobile_text_color_warning_button" tools:ignore="UnusedResources">@color/photonRed70</color>
  64     <!-- Small heading, Text link -->
  65     <color name="fx_mobile_text_color_accent">@color/photonViolet70</color>
  66     <!-- Small heading, Text link -->
  67     <color name="fx_mobile_text_color_accent_disabled" tools:ignore="UnusedResources">@color/photonViolet70A80</color>
  68     <!-- Text Inverted/On Color -->
  69     <color name="fx_mobile_text_color_oncolor_primary">@color/photonLightGrey05</color>
  70     <!-- Text Inverted/On Color -->
  71     <color name="fx_mobile_text_color_oncolor_secondary">@color/photonLightGrey40</color>
  72     <!-- Action Primary text -->
  73     <color name="fx_mobile_text_color_action_primary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
  74     <!-- Action Secondary text -->
  75     <color name="fx_mobile_text_color_action_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
  76     <!-- Action Tertiary text -->
  77     <color name="fx_mobile_text_color_action_tertiary" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
  78     <!-- Action Tertiary Active text -->
  79     <color name="fx_mobile_text_color_action_tertiary_active" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
  80
  81     <!-- Icon -->
  82     <!-- Primary icon -->
  83     <color name="fx_mobile_icon_color_primary">@color/photonDarkGrey90</color>
  84     <!-- Inactive tab -->
  85     <color name="fx_mobile_icon_color_primary_inactive">@color/photonDarkGrey90A60</color>
  86     <!-- Secondary icon -->
  87     <color name="fx_mobile_icon_color_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
  88     <!-- Active tab -->
  89     <color name="fx_mobile_icon_color_active">@color/photonInk20</color>
  90     <!-- Disabled icon -->
  91     <color name="fx_mobile_icon_color_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey90A40</color>
  92     <!-- Icon inverted (on color) -->
  93     <color name="fx_mobile_icon_color_oncolor">@color/photonLightGrey05</color>
  94     <!-- Information -->
  95     <color name="fx_mobile_icon_color_information">@color/photonBlue30</color>
  96     <!-- Icon button -->
  97     <color name="fx_mobile_icon_color_button" tools:ignore="UnusedResources">@color/photonInk20</color>
  98     <color name="fx_mobile_icon_color_warning" tools:ignore="UnusedResources">@color/photonRed70</color>
  99     <!-- Warning icon on Secondary button -->
 100     <color name="fx_mobile_icon_color_warning_button" tools:ignore="UnusedResources">@color/photonRed70</color>
 101     <color name="fx_mobile_icon_color_accent_violet">@color/photonViolet60</color>
 102     <color name="fx_mobile_icon_color_accent_blue">@color/photonBlue60</color>
 103     <color name="fx_mobile_icon_color_accent_pink">@color/photonPink60</color>
 104     <color name="fx_mobile_icon_color_accent_green">@color/photonGreen60</color>
 105     <color name="fx_mobile_icon_color_accent_yellow">@color/photonYellow60</color>
 106     <!-- Reader, ETP Shield -->
 107     <color name="fx_mobile_icon_color_gradient_start">@color/photonViolet50</color>
 108     <!-- Reader, ETP Shield -->
 109     <color name="fx_mobile_icon_color_gradient_end">@color/photonBlue60</color>
 110
 111     <!-- Border -->
 112     <!-- Default, Divider, Dotted -->
 113     <color name="fx_mobile_border_color_primary">@color/photonLightGrey30</color>
 114     <!-- Onboarding -->
 115     <color name="fx_mobile_border_color_inverted" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 116     <!-- Form parts -->
 117     <color name="fx_mobile_border_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
 118     <!-- Active tab (Nav), Selected tab, Active form -->
 119     <color name="fx_mobile_border_color_accent">@color/photonInk20</color>
 120     <!-- Form parts -->
 121     <color name="fx_mobile_border_color_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey90A40</color>
 122     <!-- Form parts -->
 123     <color name="fx_mobile_border_color_warning" tools:ignore="UnusedResources">@color/photonRed70</color>
 124
 125     <!-- Private theme color variables -->
 126
 127     <!-- Layers -->
 128     <!-- Default Screen background, Frontlayer background, App Bar Top, App Bar Bottom, Frontlayer header -->
 129     <color name="fx_mobile_private_layer_color_1">@color/photonInk50</color>
 130     <!-- Card background, Menu background, Dialog, Banner -->
 131     <color name="fx_mobile_private_layer_color_2" tools:ignore="UnusedResources">@color/photonInk50</color>
 132     <!-- Search -->
 133     <color name="fx_mobile_private_layer_color_3">@color/photonInk50</color>
 134     <!-- Homescreen background, Toolbar -->
 135     <color name="fx_mobile_private_layer_color_4_start">@color/photonPurple70</color>
 136     <!-- Homescreen background, Toolbar -->
 137     <color name="fx_mobile_private_layer_color_4_center">@color/photonViolet80</color>
 138     <!-- Homescreen background, Toolbar -->
 139     <color name="fx_mobile_private_layer_color_4_end">@color/photonInk05</color>
 140     <!-- App Bar Top (edit), Text Cursor, Selected Tab Check -->
 141     <color name="fx_mobile_private_layer_color_accent" tools:ignore="UnusedResources">@color/photonViolet40</color>
 142     <!-- Selected tab -->
 143     <color name="fx_mobile_private_layer_color_accent_nonopaque" tools:ignore="UnusedResources">@color/photonViolet50A32</color>
 144     <color name="fx_mobile_private_layer_color_scrim" tools:ignore="UnusedResources">@color/photonDarkGrey05A45</color>
 145     <!-- Tooltip -->
 146     <color name="fx_mobile_private_layer_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet70</color>
 147     <!-- Tooltip -->
 148     <color name="fx_mobile_private_layer_color_gradient_end" tools:ignore="UnusedResources">@color/photonViolet40</color>
 149
 150     <!-- Action -->
 151     <!-- Primary button, Snackbar, Floating action button, Chip selected -->
 152     <color name="fx_mobile_private_action_color_primary" tools:ignore="UnusedResources">@color/photonViolet60</color>
 153     <!-- Secondary button -->
 154     <color name="fx_mobile_private_action_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 155     <!-- Filter -->
 156     <color name="fx_mobile_private_action_color_tertiary" tools:ignore="UnusedResources">@color/photonDarkGrey10</color>
 157     <!-- Chip -->
 158     <color name="fx_mobile_private_action_quarternary" tools:ignore="UnusedResources">@color/photonDarkGrey80</color>
 159     <!-- Checkbox default, Radio button default -->
 160     <color name="fx_mobile_private_action_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 161     <!-- Checkbox selected, Radio button selected -->
 162     <color name="fx_mobile_private_action_color_form_selected" tools:ignore="UnusedResources">@color/photonViolet40</color>
 163     <!-- Switch background OFF, Switch background ON -->
 164     <color name="fx_mobile_private_action_color_form_surface" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 165     <!-- Checkbox disabled, Radio disabled -->
 166     <color name="fx_mobile_private_action_color_form_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 167     <!-- Switch thumb ON -->
 168     <color name="fx_mobile_private_action_color_form_on" tools:ignore="UnusedResources">@color/photonViolet40</color>
 169     <!-- Switch thumb OFF -->
 170     <color name="fx_mobile_private_action_color_form_off" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 171     <!-- Scroll indicator active -->
 172     <color name="fx_mobile_private_action_color_indicator_active" tools:ignore="UnusedResources">@color/photonLightGrey90</color>
 173     <!-- Scroll indicator inactive -->
 174     <color name="fx_mobile_private_action_color_indicator_inactive" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 175
 176     <!-- Text -->
 177     <!-- Primary text -->
 178     <color name="fx_mobile_private_text_color_primary">@color/photonLightGrey05</color>
 179     <!-- Secondary text -->
 180     <color name="fx_mobile_private_text_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
 181     <!-- Disabled text -->
 182     <color name="fx_mobile_private_text_color_disabled">@color/photonLightGrey05A40</color>
 183     <!-- Warning text -->
 184     <color name="fx_mobile_private_text_color_warning">@color/photonRed20</color>
 185     <!-- Warning text on Secondary button -->
 186     <color name="fx_mobile_private_text_color_warning_button" tools:ignore="UnusedResources">@color/photonRed70</color>
 187     <!-- Small heading, Text link -->
 188     <color name="fx_mobile_private_text_color_accent">@color/photonViolet20</color>
 189     <!-- Small heading, Text link -->
 190     <color name="fx_mobile_private_text_color_accent_disabled" tools:ignore="UnusedResources">@color/photonViolet20A60</color>
 191     <!-- Text Inverted/On Color -->
 192     <color name="fx_mobile_private_text_color_oncolor_primary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 193     <!-- Text Inverted/On Color -->
 194     <color name="fx_mobile_private_text_color_oncolor_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
 195     <!-- Action Primary text -->
 196     <color name="fx_mobile_private_text_color_action_primary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 197     <!-- Action Secondary text -->
 198     <color name="fx_mobile_private_text_color_action_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
 199     <!-- Action Tertiary text -->
 200     <color name="fx_mobile_private_text_color_action_tertiary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 201     <!-- Action Tertiary Active text -->
 202     <color name="fx_mobile_private_text_color_action_tertiary_active" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 203
 204     <!-- Icon -->
 205     <!-- Primary icon -->
 206     <color name="fx_mobile_private_icon_color_primary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 207     <!-- Inactive tab -->
 208     <color name="fx_mobile_private_icon_color_primary_inactive" tools:ignore="UnusedResources">@color/photonLightGrey05A60</color>
 209     <!-- Secondary icon -->
 210     <color name="fx_mobile_private_icon_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
 211     <!-- Active tab -->
 212     <color name="fx_mobile_private_icon_color_active">@color/photonViolet40</color>
 213     <!-- Disabled icon -->
 214     <color name="fx_mobile_private_icon_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey05A40</color>
 215     <!-- Icon inverted (on color) -->
 216     <color name="fx_mobile_private_icon_color_oncolor" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 217     <!-- Information -->
 218     <color name="fx_mobile_private_icon_color_information" tools:ignore="UnusedResources">@color/photonBlue30</color>
 219     <!-- Icon button -->
 220     <color name="fx_mobile_private_icon_color_button" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 221     <color name="fx_mobile_private_icon_color_warning" tools:ignore="UnusedResources">@color/photonRed20</color>
 222     <!-- Warning icon on Secondary button -->
 223     <color name="fx_mobile_private_icon_color_warning_button" tools:ignore="UnusedResources">@color/photonRed70</color>
 224     <color name="fx_mobile_private_icon_color_accent_violet" tools:ignore="UnusedResources">@color/photonViolet20</color>
 225     <color name="fx_mobile_private_icon_color_accent_blue" tools:ignore="UnusedResources">@color/photonBlue20</color>
 226     <color name="fx_mobile_private_icon_color_accent_pink" tools:ignore="UnusedResources">@color/photonPink20</color>
 227     <color name="fx_mobile_private_icon_color_accent_green" tools:ignore="UnusedResources">@color/photonGreen20</color>
 228     <color name="fx_mobile_private_icon_color_accent_yellow" tools:ignore="UnusedResources">@color/photonYellow20</color>
 229     <!-- Reader, ETP Shield -->
 230     <color name="fx_mobile_private_icon_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet20</color>
 231     <!-- Reader, ETP Shield -->
 232     <color name="fx_mobile_private_icon_color_gradient_end" tools:ignore="UnusedResources">@color/photonBlue20</color>
 233
 234     <!-- Border -->
 235     <!-- Default, Divider, Dotted -->
 236     <color name="fx_mobile_private_border_color_primary">@color/photonDarkGrey05</color>
 237     <!-- Onboarding -->
 238     <color name="fx_mobile_private_border_color_inverted" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
 239     <!-- Form parts -->
 240     <color name="fx_mobile_private_border_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 241     <!-- Active tab (Nav), Selected tab, Active form -->
 242     <color name="fx_mobile_private_border_color_accent" tools:ignore="UnusedResources">@color/photonViolet40</color>
 243     <!-- Form parts -->
 244     <color name="fx_mobile_private_border_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey05A40</color>
 245     <!-- Form parts -->
 246     <color name="fx_mobile_private_border_color_warning" tools:ignore="UnusedResources">@color/photonRed40</color>
 247
 248     <!-- Light theme color palette -->
 249     <color name="primary_text_light_theme">@color/photonInk80</color>
 250     <color name="dark_grey_90_gradient_start">@color/photonDarkGrey90</color>
 251     <color name="dark_grey_90_gradient_end">#0015141A</color>
 252
 253     <!-- Tab Tray -->
 254     <color name="tab_tray_item_selected_background_dark_theme">#412E69</color>
 255
 256     <!-- Private theme color palette -->
 257     <color name="secondary_text_private_theme">#A7A2B7</color>
 258     <color name="caption_text_private_theme">@color/photonLightGrey70</color>
 259     <color name="foundation_private_theme">#261E4B</color>
 260     <color name="accent_private_theme">@color/photonViolet50</color>
 261     <color name="accent_high_contrast_private_theme">#AA71FF</color>
 262     <color name="neutral_private_theme">@color/photonGrey20</color>
 263     <color name="neutral_faded_private_theme">#1FFBFBFE</color>
 264     <color name="scrimStart_private_theme">@color/photonInk80A96</color>
 265     <color name="scrimEnd_private_theme">@color/photonDarkGrey90A96</color>
 266     <color name="snackbar_private_theme">@color/photonInk20</color>
 267     <color name="sync_disconnected_icon_fill_private_theme">@color/photonYellow70</color>
 268     <color name="sync_disconnected_background_private_theme">#5B5846</color>
 269     <color name="swipe_delete_background_private_theme">@color/photonInk20</color>
 270     <color name="onboarding_illustration_deselected_private_theme">#99FBFBFE</color>
 271     <color name="prompt_login_edit_text_cursor_color_private_theme">@color/photonViolet50</color>
 272
 273     <!-- Normal theme colors for light mode -->
 274     <color name="caption_text_normal_theme">@color/photonLightGrey90</color>
 275     <color name="inset_normal_theme">@color/photonLightGrey30</color>
 276     <color name="accent_normal_theme">@color/photonInk20</color>
 277     <color name="accent_high_contrast_normal_theme">@color/photonInk20</color>
 278     <color name="neutral_normal_theme">@color/photonGrey30</color>
 279     <color name="neutral_faded_normal_theme">@color/photonGrey20</color>
 280     <color name="fill_link_from_clipboard_normal_theme">@color/photonInk20</color>
 281     <color name="sync_disconnected_icon_fill_normal_theme">@color/photonYellow70</color>
 282     <color name="sync_disconnected_background_normal_theme">#FFFDE2</color>
 283     <color name="swipe_delete_background_normal_theme">@color/photonLightGrey30</color>
 284     <color name="onboarding_illustration_selected_normal_theme">@color/photonViolet70</color>
 285     <color name="onboarding_illustration_deselected_normal_theme">@color/photonDarkGrey90A60</color>
 286     <color name="add_on_private_browsing_exterior_circle_background_normal_theme">@color/photonViolet70</color>
 287     <color name="prompt_login_edit_text_cursor_color_normal_theme">@color/photonInk20</color>
 288     <color name="search_suggestion_indicator_icon_color_normal_theme">@color/photonGreen70</color>
 289     <color name="search_suggestion_indicator_icon_bookmark_color_normal_theme">@color/photonBlue50</color>
 290
 291     <!-- Tab tray -->
 292     <color name="tab_tray_item_background_normal_theme">@color/photonLightGrey10</color>
 293     <color name="tab_tray_item_selected_background_normal_theme">#E5DFF4</color>
 294     <color name="tab_tray_item_thumbnail_background_normal_theme">@color/photonLightGrey10</color>
 295     <color name="tab_tray_item_thumbnail_icon_normal_theme">@color/photonLightGrey60</color>
 296
 297     <!-- Tab History -->
 298     <color name="tab_history_item_selected_background_normal_theme">@color/tab_tray_item_selected_background_normal_theme</color>
 299
 300     <!-- Bookmark buttons -->
 301     <color name="bookmark_favicon_background">#DFDFE3</color>
 302
 303     <!-- Quick action buttons-->
 304     <color name="quick_action_reader_appearance_icon">#482166</color>
 305
 306     <!-- Toggle Colors -->
 307     <color name="toggle_off_knob_dark_theme">@color/photonLightGrey05</color>
 308     <color name="toggle_off_track_dark_theme">@color/photonLightGrey05</color>
 309     <color name="toggle_off_knob_normal_theme">@color/photonGrey10</color>
 310     <color name="toggle_off_track_normal_theme">@color/photonDarkGrey90</color>
 311
 312     <!-- Misc colors applied universally-->
 313     <color name="suggestion_highlight_color">#5C592ACB</color>
 314     <color name="text_scale_example_text_color">#232749</color>
 315     <color name="sync_error_background_color">#FFF36E</color>
 316     <color name="sync_error_text_color">@color/photonYellow90</color>
 317     <color name="bottom_bar_shadow">#1A000000</color>
 318     <color name="snackbar_error_color">#B52645</color>
 319
 320     <!-- Reader View colors -->
 321     <color name="mozac_feature_readerview_text_color" tools:ignore="UnusedResources">@color/fx_mobile_icon_color_primary</color>
 322     <color name="mozac_feature_readerview_selected">@color/photonViolet40</color>
 323
 324     <!-- Share UI -->
 325     <color name="default_share_background">#E3E2E3</color>
 326     <color name="device_type_desktop_background">#F091C3</color>
 327     <color name="device_type_mobile_background">#D4C1FA</color>
 328     <color name="device_foreground">@color/photonInk80</color>
 329
 330     <!-- Launcher Icon colors -->
 331     <color name="ic_launcher_background">#FDFDFD</color>
 332
 333     <!-- Button Colors -->
 334     <color name="grey_button_color">@color/photonLightGrey30</color>
 335     <color name="button_text_color">@color/photonInk20</color>
 336
 337     <!-- Private Browsing Mode Persistent Notification -->
 338     <color name="pbm_notification_color">@color/photonViolet70</color>
 339
 340     <!-- Static Shortcut Background Color -->
 341     <color name="static_shortcut_background">#F5F5F5</color>
 342
 343     <!-- SearchView Hint Color -->
 344     <color name="search_view_hint_color">@color/photonDarkGrey05</color>
 345
 346     <!-- Tab Counter colors -->
 347     <color name="mozac_ui_tabcounter_default_tint" tools:ignore="UnusedResources">@color/fx_mobile_icon_color_primary</color>
 348     <color name="mozac_ui_tabcounter_default_text" tools:ignore="UnusedResources">@color/fx_mobile_text_color_primary</color>
 349
 350     <!-- App Spinners colors -->
 351     <color name="spinner_selected_item">#1415141A</color>
 352 </resources>