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     <color name="fx_mobile_layer_color_search">@color/photonLightGrey30</color>
  16     <!-- App Bar Top (edit), Text Cursor, Selected Tab Check -->
  17     <color name="fx_mobile_layer_color_accent">@color/photonInk20</color>
  18     <!-- Selected tab -->
  19     <color name="fx_mobile_layer_color_accent_nonopaque">@color/photonViolet70A12</color>
  20     <!-- Selected tab -->
  21     <color name="fx_mobile_layer_color_accent_opaque">#EAE4F9</color>
  22     <color name="fx_mobile_layer_color_scrim">@color/photonDarkGrey30A95</color>
  23     <!-- Tooltip -->
  24     <color name="fx_mobile_layer_color_gradient_start">@color/photonViolet70</color>
  25     <!-- Tooltip -->
  26     <color name="fx_mobile_layer_color_gradient_end">@color/photonViolet40</color>
  27     <!-- Warning background -->
  28     <color name="fx_mobile_layer_color_warning" tools:ignore="UnusedResources">@color/photonYellow20</color>
  29     <!-- Confirmation background -->
  30     <color name="fx_mobile_layer_color_confirmation" tools:ignore="UnusedResources">@color/photonGreen20</color>
  31     <!-- Error background -->
  32     <color name="fx_mobile_layer_color_error" tools:ignore="UnusedResources">@color/photonRed10</color>
  33     <!-- Info background -->
  34     <color name="fx_mobile_layer_color_info" tools:ignore="UnusedResources">@color/photonBlue50A44</color>
  35
  36     <!-- Action -->
  37     <!-- Primary button, Snackbar, Floating action button, Chip selected -->
  38     <color name="fx_mobile_action_color_primary">@color/photonInk20</color>
  39     <!-- Secondary button -->
  40     <color name="fx_mobile_action_color_secondary">@color/photonLightGrey30</color>
  41     <!-- Filter -->
  42     <color name="fx_mobile_action_color_tertiary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
  43     <!-- Chip -->
  44     <color name="fx_mobile_action_color_quarternary" tools:ignore="UnusedResources">@color/photonLightGrey10</color>
  45     <!-- Warning button -->
  46     <color name="fx_mobile_action_color_warning" tools:ignore="UnusedResources">@color/photonYellow60A40</color>
  47     <!-- Confirmation button -->
  48     <color name="fx_mobile_action_color_confirmation" tools:ignore="UnusedResources">@color/photonGreen60</color>
  49     <!-- Error button -->
  50     <color name="fx_mobile_action_color_error" tools:ignore="UnusedResources">@color/photonRed30</color>
  51     <!-- Info button -->
  52     <color name="fx_mobile_action_color_info" tools:ignore="UnusedResources">@color/photonBlue50</color>
  53     <!-- Checkbox default, Radio button default -->
  54     <color name="fx_mobile_action_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
  55     <!-- Checkbox selected, Radio button selected -->
  56     <color name="fx_mobile_action_color_form_selected" tools:ignore="UnusedResources">@color/photonInk20</color>
  57     <!-- Switch background OFF, Switch background ON -->
  58     <color name="fx_mobile_action_color_form_surface" tools:ignore="UnusedResources">@color/photonLightGrey50</color>
  59     <!-- Checkbox disabled, Radio disabled -->
  60     <color name="fx_mobile_action_color_form_disabled" tools:ignore="UnusedResources">@color/photonLightGrey50</color>
  61     <!-- Switch thumb ON -->
  62     <color name="fx_mobile_action_color_form_on" tools:ignore="UnusedResources">@color/photonInk20</color>
  63     <!-- Switch thumb OFF -->
  64     <color name="fx_mobile_action_color_form_off" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
  65     <!-- Scroll indicator active -->
  66     <color name="fx_mobile_action_color_indicator_active">@color/photonLightGrey50</color>
  67     <!-- Scroll indicator inactive -->
  68     <color name="fx_mobile_action_color_indicator_inactive">@color/photonLightGrey30</color>
  69
  70     <!-- Text -->
  71     <!-- Primary text -->
  72     <color name="fx_mobile_text_color_primary">@color/photonDarkGrey90</color>
  73     <!-- Secondary text -->
  74     <color name="fx_mobile_text_color_secondary">@color/photonDarkGrey05</color>
  75     <!-- Disabled text -->
  76     <color name="fx_mobile_text_color_disabled">@color/photonDarkGrey90A40</color>
  77     <!-- Warning text -->
  78     <color name="fx_mobile_text_color_warning">@color/photonRed70</color>
  79     <!-- Warning text on Secondary button -->
  80     <color name="fx_mobile_text_color_warning_button">@color/photonRed70</color>
  81     <!-- Small heading, Text link -->
  82     <color name="fx_mobile_text_color_accent">@color/photonViolet70</color>
  83     <!-- Small heading, Text link -->
  84     <color name="fx_mobile_text_color_accent_disabled" tools:ignore="UnusedResources">@color/photonViolet70A80</color>
  85     <!-- Text Inverted/On Color -->
  86     <color name="fx_mobile_text_color_oncolor_primary">@color/photonLightGrey05</color>
  87     <!-- Text Inverted/On Color -->
  88     <color name="fx_mobile_text_color_oncolor_secondary">@color/photonLightGrey40</color>
  89     <!-- Action Primary text -->
  90     <color name="fx_mobile_text_color_action_primary">@color/photonLightGrey05</color>
  91     <!-- Action Secondary text -->
  92     <color name="fx_mobile_text_color_action_secondary">@color/photonDarkGrey90</color>
  93     <!-- Action Tertiary text -->
  94     <color name="fx_mobile_text_color_action_tertiary" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
  95     <!-- Action Tertiary Active text -->
  96     <color name="fx_mobile_text_color_action_tertiary_active" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
  97
  98     <!-- Icon -->
  99     <!-- Primary icon -->
 100     <color name="fx_mobile_icon_color_primary">@color/photonDarkGrey90</color>
 101     <!-- Inactive tab -->
 102     <color name="fx_mobile_icon_color_primary_inactive">@color/photonDarkGrey90A60</color>
 103     <!-- Secondary icon -->
 104     <color name="fx_mobile_icon_color_secondary">@color/photonDarkGrey05</color>
 105     <!-- Active tab -->
 106     <color name="fx_mobile_icon_color_active">@color/photonInk20</color>
 107     <!-- Disabled icon -->
 108     <color name="fx_mobile_icon_color_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey90A40</color>
 109     <!-- Icon inverted (on color) -->
 110     <color name="fx_mobile_icon_color_oncolor">@color/photonLightGrey05</color>
 111     <!-- Information -->
 112     <color name="fx_mobile_icon_color_information">@color/photonBlue30</color>
 113     <!-- Icon button -->
 114     <color name="fx_mobile_icon_color_button" tools:ignore="UnusedResources">@color/photonInk20</color>
 115     <color name="fx_mobile_icon_color_warning" tools:ignore="UnusedResources">@color/photonRed70</color>
 116     <!-- Warning icon on Secondary button -->
 117     <color name="fx_mobile_icon_color_warning_button">@color/photonRed70</color>
 118     <color name="fx_mobile_icon_color_accent_violet">@color/photonViolet60</color>
 119     <color name="fx_mobile_icon_color_accent_blue">@color/photonBlue60</color>
 120     <color name="fx_mobile_icon_color_accent_pink">@color/photonPink60</color>
 121     <color name="fx_mobile_icon_color_accent_green">@color/photonGreen60</color>
 122     <color name="fx_mobile_icon_color_accent_yellow">@color/photonYellow60</color>
 123     <!-- Action Primary Icon -->
 124     <color name="fx_mobile_icon_color_action_primary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 125     <!-- Action Secondary Icon -->
 126     <color name="fx_mobile_icon_color_action_secondary">@color/photonDarkGrey90</color>
 127     <!-- Action Tertiary Icon -->
 128     <color name="fx_mobile_icon_color_action_tertiary" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
 129     <!-- Reader, ETP Shield -->
 130     <color name="fx_mobile_icon_color_gradient_start">@color/photonViolet50</color>
 131     <!-- Reader, ETP Shield -->
 132     <color name="fx_mobile_icon_color_gradient_end">@color/photonBlue60</color>
 133
 134     <!-- Border -->
 135     <!-- Default, Divider, Dotted -->
 136     <color name="fx_mobile_border_color_primary">@color/photonLightGrey30</color>
 137     <color name="fx_mobile_border_color_secondary">@color/photonLightGrey20</color>
 138     <!-- Toolbar divider -->
 139     <color name="fx_mobile_border_color_toolbar_divider">@color/photonLightGrey10</color>
 140     <!-- Onboarding -->
 141     <color name="fx_mobile_border_color_inverted" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 142     <!-- Form parts -->
 143     <color name="fx_mobile_border_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
 144     <!-- Active tab (Nav), Selected tab, Active form -->
 145     <color name="fx_mobile_border_color_accent">@color/photonInk20</color>
 146     <!-- Form parts -->
 147     <color name="fx_mobile_border_color_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey90A40</color>
 148     <!-- Form parts -->
 149     <color name="fx_mobile_border_color_warning" tools:ignore="UnusedResources">@color/photonRed70</color>
 150
 151     <!-- Private theme color variables -->
 152
 153     <!-- Layers -->
 154     <!-- Default Screen background, Frontlayer background, App Bar Top, App Bar Bottom, Frontlayer header -->
 155     <color name="fx_mobile_private_layer_color_1">@color/photonInk50</color>
 156     <!-- Card background, Menu background, Dialog, Banner -->
 157     <color name="fx_mobile_private_layer_color_2">@color/photonInk50</color>
 158     <!-- Search -->
 159     <color name="fx_mobile_private_layer_color_3">@color/photonInk90</color>
 160     <color name="fx_mobile_private_layer_color_search">@color/photonInk90</color>
 161     <!-- Homescreen background, Toolbar -->
 162     <color name="fx_mobile_private_layer_color_4_start">@color/photonPurple70</color>
 163     <!-- Homescreen background, Toolbar -->
 164     <color name="fx_mobile_private_layer_color_4_center">@color/photonViolet80</color>
 165     <!-- Homescreen background, Toolbar -->
 166     <color name="fx_mobile_private_layer_color_4_end">@color/photonInk05</color>
 167     <!-- App Bar Top (edit), Text Cursor, Selected Tab Check -->
 168     <color name="fx_mobile_private_layer_color_accent" tools:ignore="UnusedResources">@color/photonViolet40</color>
 169     <!-- Selected tab -->
 170     <color name="fx_mobile_private_layer_color_accent_nonopaque">@color/photonViolet50A32</color>
 171     <!-- Selected tab -->
 172     <color name="fx_mobile_private_layer_color_accent_opaque" tools:ignore="UnusedResources">#423262</color>
 173     <color name="fx_mobile_private_layer_color_scrim">@color/photonDarkGrey90A95</color>
 174     <!-- Tooltip -->
 175     <color name="fx_mobile_private_layer_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet70</color>
 176     <!-- Tooltip -->
 177     <color name="fx_mobile_private_layer_color_gradient_end" tools:ignore="UnusedResources">@color/photonViolet40</color>
 178
 179     <!-- Action -->
 180     <!-- Primary button, Snackbar, Floating action button, Chip selected -->
 181     <color name="fx_mobile_private_action_color_primary">@color/photonViolet60</color>
 182     <!-- Secondary button -->
 183     <color name="fx_mobile_private_action_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
 184     <!-- Filter -->
 185     <color name="fx_mobile_private_action_color_tertiary" tools:ignore="UnusedResources">@color/photonDarkGrey10</color>
 186     <!-- Chip -->
 187     <color name="fx_mobile_private_action_quarternary" tools:ignore="UnusedResources">@color/photonDarkGrey80</color>
 188     <!-- Checkbox default, Radio button default -->
 189     <color name="fx_mobile_private_action_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 190     <!-- Checkbox selected, Radio button selected -->
 191     <color name="fx_mobile_private_action_color_form_selected" tools:ignore="UnusedResources">@color/photonViolet40</color>
 192     <!-- Switch background OFF, Switch background ON -->
 193     <color name="fx_mobile_private_action_color_form_surface" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 194     <!-- Checkbox disabled, Radio disabled -->
 195     <color name="fx_mobile_private_action_color_form_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 196     <!-- Switch thumb ON -->
 197     <color name="fx_mobile_private_action_color_form_on" tools:ignore="UnusedResources">@color/photonViolet40</color>
 198     <!-- Switch thumb OFF -->
 199     <color name="fx_mobile_private_action_color_form_off" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 200     <!-- Scroll indicator active -->
 201     <color name="fx_mobile_private_action_color_indicator_active" tools:ignore="UnusedResources">@color/photonLightGrey90</color>
 202     <!-- Scroll indicator inactive -->
 203     <color name="fx_mobile_private_action_color_indicator_inactive" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
 204
 205     <!-- Text -->
 206     <!-- Primary text -->
 207     <color name="fx_mobile_private_text_color_primary">@color/photonLightGrey05</color>
 208     <!-- Secondary text -->
 209     <color name="fx_mobile_private_text_color_secondary">@color/photonLightGrey40</color>
 210     <!-- Disabled text -->
 211     <color name="fx_mobile_private_text_color_disabled">@color/photonLightGrey05A40</color>
 212     <!-- Warning text -->
 213     <color name="fx_mobile_private_text_color_warning">@color/photonRed20</color>
 214     <!-- Warning text on Secondary button -->
 215     <color name="fx_mobile_private_text_color_warning_button" tools:ignore="UnusedResources">@color/photonRed70</color>
 216     <!-- Small heading, Text link -->
 217     <color name="fx_mobile_private_text_color_accent">@color/photonViolet20</color>
 218     <!-- Small heading, Text link -->
 219     <color name="fx_mobile_private_text_color_accent_disabled" tools:ignore="UnusedResources">@color/photonViolet20A60</color>
 220     <!-- Text Inverted/On Color -->
 221     <color name="fx_mobile_private_text_color_oncolor_primary">@color/photonLightGrey05</color>
 222     <!-- Text Inverted/On Color -->
 223     <color name="fx_mobile_private_text_color_oncolor_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
 224     <!-- Action Primary text -->
 225     <color name="fx_mobile_private_text_color_action_primary">@color/photonLightGrey05</color>
 226     <!-- Action Secondary text -->
 227     <color name="fx_mobile_private_text_color_action_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
 228     <!-- Action Tertiary text -->
 229     <color name="fx_mobile_private_text_color_action_tertiary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 230     <!-- Action Tertiary Active text -->
 231     <color name="fx_mobile_private_text_color_action_tertiary_active" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 232
 233     <!-- Icon -->
 234     <!-- Primary icon -->
 235     <color name="fx_mobile_private_icon_color_primary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 236     <!-- Inactive tab -->
 237     <color name="fx_mobile_private_icon_color_primary_inactive" tools:ignore="UnusedResources">@color/photonLightGrey05A60</color>
 238     <!-- Secondary icon -->
 239     <color name="fx_mobile_private_icon_color_secondary">@color/photonLightGrey40</color>
 240     <!-- Active tab -->
 241     <color name="fx_mobile_private_icon_color_active">@color/photonViolet40</color>
 242     <!-- Disabled icon -->
 243     <color name="fx_mobile_private_icon_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey05A40</color>
 244     <!-- Icon inverted (on color) -->
 245     <color name="fx_mobile_private_icon_color_oncolor">@color/photonLightGrey05</color>
 246     <!-- Information -->
 247     <color name="fx_mobile_private_icon_color_information" tools:ignore="UnusedResources">@color/photonBlue30</color>
 248     <!-- Icon button -->
 249     <color name="fx_mobile_private_icon_color_button" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 250     <color name="fx_mobile_private_icon_color_warning" tools:ignore="UnusedResources">@color/photonRed20</color>
 251     <!-- Warning icon on Secondary button -->
 252     <color name="fx_mobile_private_icon_color_warning_button" tools:ignore="UnusedResources">@color/photonRed70</color>
 253     <color name="fx_mobile_private_icon_color_accent_violet" tools:ignore="UnusedResources">@color/photonViolet20</color>
 254     <color name="fx_mobile_private_icon_color_accent_blue" tools:ignore="UnusedResources">@color/photonBlue20</color>
 255     <color name="fx_mobile_private_icon_color_accent_pink" tools:ignore="UnusedResources">@color/photonPink20</color>
 256     <color name="fx_mobile_private_icon_color_accent_green" tools:ignore="UnusedResources">@color/photonGreen20</color>
 257     <color name="fx_mobile_private_icon_color_accent_yellow" tools:ignore="UnusedResources">@color/photonYellow20</color>
 258     <!-- Action Primary Icon -->
 259     <color name="fx_mobile_private_icon_color_action_primary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 260     <!-- Action Secondary Icon -->
 261     <color name="fx_mobile_private_icon_color_action_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
 262     <!-- Action Tertiary Icon -->
 263     <color name="fx_mobile_private_icon_color_action_tertiary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 264     <!-- Reader, ETP Shield -->
 265     <color name="fx_mobile_private_icon_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet20</color>
 266     <!-- Reader, ETP Shield -->
 267     <color name="fx_mobile_private_icon_color_gradient_end" tools:ignore="UnusedResources">@color/photonBlue20</color>
 268
 269     <!-- Border -->
 270     <!-- Default, Divider, Dotted -->
 271     <color name="fx_mobile_private_border_color_primary">@color/photonDarkGrey05</color>
 272     <color name="fx_mobile_private_border_color_secondary">@color/photonInk10</color>
 273     <!-- Onboarding -->
 274     <color name="fx_mobile_private_border_color_inverted" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
 275     <!-- Form parts -->
 276     <color name="fx_mobile_private_border_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
 277     <!-- Active tab (Nav), Selected tab, Active form -->
 278     <color name="fx_mobile_private_border_color_accent" tools:ignore="UnusedResources">@color/photonViolet40</color>
 279     <!-- Form parts -->
 280     <color name="fx_mobile_private_border_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey05A40</color>
 281     <!-- Form parts -->
 282     <color name="fx_mobile_private_border_color_warning" tools:ignore="UnusedResources">@color/photonRed40</color>
 283     <!-- Toolbar divider -->
 284     <color name="fx_mobile_private_border_color_toolbar_divider">@color/photonViolet80</color>
 285
 286     <!-- Light theme color palette -->
 287     <color name="primary_text_light_theme">@color/photonInk80</color>
 288     <color name="dark_grey_90_gradient_start">@color/photonDarkGrey90</color>
 289     <color name="dark_grey_90_gradient_end">#0015141A</color>
 290
 291     <!-- Private theme color palette -->
 292     <color name="accent_private_theme">@color/photonViolet50</color>
 293     <color name="accent_high_contrast_private_theme">#AA71FF</color>
 294     <color name="neutral_private_theme">@color/photonGrey20</color>
 295     <color name="neutral_faded_private_theme">#1FFBFBFE</color>
 296     <color name="sync_disconnected_icon_fill_private_theme">@color/photonYellow70</color>
 297     <color name="sync_disconnected_background_private_theme">#5B5846</color>
 298     <color name="prompt_login_edit_text_cursor_color_private_theme">@color/photonViolet50</color>
 299
 300     <!-- Normal theme colors for light mode -->
 301     <color name="accent_normal_theme">@color/photonInk20</color>
 302     <color name="accent_high_contrast_normal_theme">@color/photonInk20</color>
 303     <color name="neutral_normal_theme">@color/photonGrey30</color>
 304     <color name="neutral_faded_normal_theme">@color/photonGrey20</color>
 305     <color name="fill_link_from_clipboard_normal_theme">@color/photonInk20</color>
 306     <color name="sync_disconnected_icon_fill_normal_theme">@color/photonYellow70</color>
 307     <color name="sync_disconnected_background_normal_theme">#FFFDE2</color>
 308     <color name="add_on_private_browsing_exterior_circle_background_normal_theme">@color/photonViolet70</color>
 309     <color name="prompt_login_edit_text_cursor_color_normal_theme">@color/photonInk20</color>
 310     <color name="search_suggestion_indicator_icon_color_normal_theme">@color/photonGreen70</color>
 311     <color name="search_suggestion_indicator_icon_bookmark_color_normal_theme">@color/photonBlue50</color>
 312
 313     <!-- Bookmark buttons -->
 314     <color name="bookmark_favicon_background">#DFDFE3</color>
 315
 316     <!-- Quick action buttons-->
 317     <color name="quick_action_reader_appearance_icon">#482166</color>
 318
 319     <!-- Toggle Colors -->
 320     <color name="toggle_off_knob_dark_theme">@color/photonLightGrey05</color>
 321     <color name="toggle_off_track_dark_theme">@color/photonLightGrey05</color>
 322     <color name="toggle_off_knob_normal_theme">@color/photonGrey10</color>
 323     <color name="toggle_off_track_normal_theme">@color/photonDarkGrey90</color>
 324
 325     <!-- Misc colors applied universally-->
 326     <color name="suggestion_highlight_color">#5C592ACB</color>
 327     <color name="text_scale_example_text_color">#232749</color>
 328     <color name="sync_error_background_color">#FFF36E</color>
 329     <color name="sync_error_text_color">@color/photonYellow90</color>
 330     <color name="bottom_bar_shadow">#1A000000</color>
 331     <color name="snackbar_error_color">#B52645</color>
 332
 333     <!-- Reader View colors -->
 334     <color name="mozac_feature_readerview_text_color" tools:ignore="UnusedResources">@color/fx_mobile_icon_color_primary</color>
 335     <color name="mozac_feature_readerview_selected">@color/photonViolet40</color>
 336
 337     <!-- Share UI -->
 338     <color name="default_share_background">#E3E2E3</color>
 339     <color name="device_type_desktop_background">#F091C3</color>
 340     <color name="device_type_mobile_background">#D4C1FA</color>
 341     <color name="device_foreground">@color/photonInk80</color>
 342
 343     <!-- Launcher Icon colors -->
 344     <color name="ic_launcher_background">#FDFDFD</color>
 345
 346     <!-- Private Browsing Mode Persistent Notification -->
 347     <color name="pbm_notification_color">@color/photonViolet70</color>
 348
 349     <!-- Static Shortcut Background Color -->
 350     <color name="static_shortcut_background">#F5F5F5</color>
 351
 352     <!-- SearchView Hint Color -->
 353     <color name="search_view_hint_color">@color/photonDarkGrey05</color>
 354
 355     <!-- Tab Counter colors -->
 356     <color name="mozac_ui_tabcounter_default_tint" tools:ignore="UnusedResources">@color/fx_mobile_icon_color_primary</color>
 357     <color name="mozac_ui_tabcounter_default_text" tools:ignore="UnusedResources">@color/fx_mobile_text_color_primary</color>
 358
 359     <!-- App Spinners colors -->
 360     <color name="spinner_selected_item">#1415141A</color>
 361
 362     <!-- Material Design colors -->
 363     <color name="material_scrim_color">#52000000</color>
 364
 365     <!-- Add-ons colors -->
 366     <color name="mozac_feature_addons_error_text_color" tools:ignore="UnusedResources">@color/photonRed70</color>
 367
 368     <!-- Star icon fill colors -->
 369     <color name="mozac_ic_star_filled">@color/photonBlack</color>
 370     <color name="mozac_ic_star_unfilled">#D9D9D9</color>
 371
 372     <!-- Private Mode mask icon circle fill colors -->
 373     <color name="mozac_ui_private_mode_circle_fill" tools:ignore="UnusedResources">@color/photonPurple60</color>
 374 </resources>