mobile/android/fenix/app/src/main/res/values-night/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, Search, Frontlayer background -->
  10     <color name="fx_mobile_layer_color_1" tools:ignore="UnusedResources">@color/photonDarkGrey80</color>
  11     <!-- Card background, Menu background -->
  12     <color name="fx_mobile_layer_color_2" tools:ignore="UnusedResources">@color/photonDarkGrey50</color>
  13     <!-- App Bar Top, App Bar Bottom, Toolbar background, Frontlayer header -->
  14     <color name="fx_mobile_layer_color_3" tools:ignore="UnusedResources">@color/photonDarkGrey60</color>
  15     <!-- Frontlayer header (edit), Header (edit) -->
  16     <color name="fx_mobile_layer_color_accent" tools:ignore="UnusedResources">@color/photonViolet40</color>
  17     <!-- Selected tab -->
  18     <color name="fx_mobile_layer_color_accent_nonopaque" tools:ignore="UnusedResources">@color/photonViolet40A12</color>
  19     <color name="fx_mobile_layer_color_scrim" tools:ignore="UnusedResources">@color/photonDarkGrey05A45</color>
  20     <color name="fx_mobile_layer_color_scrim_start" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
  21     <color name="fx_mobile_layer_color_scrim_end" tools:ignore="UnusedResources">@color/photonDarkGrey30</color>
  22     <!-- Tooltip -->
  23     <color name="fx_mobile_layer_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet40</color>
  24     <!-- Tooltip -->
  25     <color name="fx_mobile_layer_color_gradient_end" tools:ignore="UnusedResources">@color/photonViolet70</color>
  26
  27     <!-- Action -->
  28     <!-- Primary button, Snackbar, Floating action button, Controls -->
  29     <color name="fx_mobile_action_color_primary" tools:ignore="UnusedResources">@color/photonViolet60</color>
  30     <!-- Secondary button, Pill button -->
  31     <color name="fx_mobile_action_color_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey50</color>
  32     <!-- Checkbox enabled, Radio enabled -->
  33     <color name="fx_mobile_action_color_tertiary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
  34     <!-- Checkbox disabled, Radio disabled -->
  35     <color name="fx_mobile_action_color_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
  36     <!-- Switch background OFF, Indicator OFF -->
  37     <color name="fx_mobile_action_color_control" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
  38     <!-- Switch background ON -->
  39     <color name="fx_mobile_action_color_control_dark" tools:ignore="UnusedResources">@color/photonViolet40A30</color>
  40     <!-- Indicator active -->
  41     <color name="fx_mobile_action_color_control_active" tools:ignore="UnusedResources">@color/photonLightGrey90</color>
  42
  43     <!-- Text -->
  44     <!-- Primary text -->
  45     <color name="fx_mobile_text_color_primary">@color/photonLightGrey05</color>
  46     <!-- Secondary text -->
  47     <color name="fx_mobile_text_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
  48     <!-- Disabled text -->
  49     <color name="fx_mobile_text_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey05A40</color>
  50     <!-- Warning text -->
  51     <color name="fx_mobile_text_color_warning" tools:ignore="UnusedResources">@color/photonRed40</color>
  52     <!-- Text link -->
  53     <color name="fx_mobile_text_color_action" tools:ignore="UnusedResources">@color/photonViolet40</color>
  54     <!-- Small heading -->
  55     <color name="fx_mobile_text_color_accent" tools:ignore="UnusedResources">@color/photonViolet40</color>
  56     <!-- Text/Icon inverted (on color) -->
  57     <color name="fx_mobile_text_color_inverted" tools:ignore="UnusedResources">@color/photonWhite</color>
  58
  59     <!-- Icon -->
  60     <!-- Primary icon -->
  61     <color name="fx_mobile_icon_color_primary" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
  62     <!-- Secondary icon -->
  63     <color name="fx_mobile_icon_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
  64     <!-- Disabled icon -->
  65     <color name="fx_mobile_icon_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey70</color>
  66     <!-- Icon inverted (on color) -->
  67     <color name="fx_mobile_icon_color_inverted" tools:ignore="UnusedResources">@color/photonWhite</color>
  68     <!-- New -->
  69     <color name="fx_mobile_icon_color_notice" tools:ignore="UnusedResources">@color/photonBlue30</color>
  70     <!-- Icon button -->
  71     <color name="fx_mobile_icon_color_button" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
  72     <color name="fx_mobile_icon_color_warning" tools:ignore="UnusedResources">@color/photonRed40</color>
  73     <color name="fx_mobile_icon_color_accent_violet" tools:ignore="UnusedResources">@color/photonViolet20</color>
  74     <color name="fx_mobile_icon_color_accent_blue" tools:ignore="UnusedResources">@color/photonBlue20</color>
  75     <color name="fx_mobile_icon_color_accent_pink" tools:ignore="UnusedResources">@color/photonPink20</color>
  76     <color name="fx_mobile_icon_color_accent_green" tools:ignore="UnusedResources">@color/photonGreen20</color>
  77     <color name="fx_mobile_icon_color_accent_yellow" tools:ignore="UnusedResources">@color/photonYellow20</color>
  78
  79     <!-- Border -->
  80     <!-- Form parts -->
  81     <color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
  82     <!-- Selected tab -->
  83     <color name="fx_mobile_border_color_selected" tools:ignore="UnusedResources">@color/photonViolet40</color>
  84     <!-- Form parts -->
  85     <color name="fx_mobile_border_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey70</color>
  86     <!-- Form parts -->
  87     <color name="fx_mobile_border_color_warning" tools:ignore="UnusedResources">@color/photonRed40</color>
  88     <color name="fx_mobile_border_color_divider" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
  89
  90     <!-- Normal theme colors for dark mode -->
  91     <color name="primary_text_normal_theme">@color/primary_text_dark_theme</color>
  92     <color name="secondary_text_normal_theme">#A7A2B7</color>
  93     <color name="contrast_text_normal_theme">@color/primary_text_normal_theme</color>
  94     <color name="caption_text_normal_theme">@color/photonLightGrey70</color>
  95     <color name="foundation_normal_theme">@color/photonDarkGrey80</color>
  96     <color name="above_normal_theme">@color/above_dark_theme</color>
  97     <color name="inset_normal_theme">@color/photonDarkGrey50</color>
  98     <color name="accent_normal_theme">@color/photonViolet50</color>
  99     <color name="accent_bright_normal_theme">@color/accent_bright_dark_theme</color>
 100     <color name="accent_high_contrast_normal_theme">@color/accent_high_contrast_dark_theme</color>
 101     <color name="about_link_normal_theme">@color/photonViolet40</color>
 102     <color name="tab_ring_normal_theme">@color/accent_normal_theme</color>
 103     <color name="neutral_normal_theme">@color/photonGrey20</color>
 104     <color name="neutral_faded_normal_theme">#1FFBFBFE</color>
 105     <color name="shadow_normal_theme">#050505</color>
 106     <color name="destructive_normal_theme">@color/photonRed40</color>
 107     <color name="disabled_normal_theme">#66FBFBFE</color>
 108     <color name="scrimStart_normal_theme">#F520123A</color>
 109     <color name="scrimEnd_normal_theme">#F515141A</color>
 110     <color name="toggle_off_knob_normal_theme">@color/toggle_off_knob_dark_theme</color>
 111     <color name="toggle_off_track_normal_theme">@color/toggle_off_track_dark_theme</color>
 112     <color name="snackbar_normal_theme">@color/accent_bright_dark_theme</color>
 113     <color name="accent_on_dark_background_normal_theme">@color/accent_high_contrast_dark_theme</color>
 114     <color name="toolbar_start_gradient_normal_theme">@color/foundation_normal_theme</color>
 115     <color name="toolbar_center_gradient_normal_theme">@color/foundation_normal_theme</color>
 116     <color name="toolbar_end_gradient_normal_theme">@color/foundation_normal_theme</color>
 117     <color name="toolbar_divider_color_normal_theme">@color/photonDarkGrey10</color>
 118     <color name="fill_link_from_clipboard_normal_theme">@color/accent_on_dark_background_normal_theme</color>
 119     <color name="sync_disconnected_icon_fill_normal_theme">#FFF36E</color>
 120     <color name="sync_disconnected_background_normal_theme">#5B5846</color>
 121     <color name="swipe_delete_background_normal_theme">@color/photonDarkGrey20</color>
 122     <color name="onboarding_card_background_start_gradient_normal_theme">@color/accent_bright_dark_theme</color>
 123     <color name="onboarding_card_background_end_gradient_normal_theme">@color/accent_high_contrast_dark_theme</color>
 124     <color name="onboarding_illustration_selected_normal_theme">@color/accent_normal_theme</color>
 125     <color name="onboarding_illustration_deselected_normal_theme">#99FBFBFE</color>
 126     <color name="add_on_private_browsing_exterior_circle_background_normal_theme">@color/accent_normal_theme</color>
 127     <color name="add_on_private_browsing_interior_icon_background_normal_theme">@color/photonWhite</color>
 128     <color name="prompt_login_edit_text_cursor_color_normal_theme">@color/photonViolet50</color>
 129     <color name="readermode_start_gradient_normal_theme">@color/photonViolet30</color>
 130     <color name="readermode_end_gradient_normal_theme">@color/photonBlue30</color>
 131     <color name="search_suggestion_indicator_icon_color_normal_theme">@color/photonGreen60</color>
 132     <color name="search_suggestion_indicator_icon_bookmark_color_normal_theme">@color/photonBlue40</color>
 133     <color name="select_login_header_normal_theme">@color/accent_high_contrast_dark_theme</color>
 134     <color name="select_credit_card_header_normal_theme">@color/accent_high_contrast_dark_theme</color>
 135     <color name="preference_section_header_normal_theme">@color/accent_high_contrast_dark_theme</color>
 136     <color name="notification_accent_color_normal_theme">@color/accent_high_contrast_dark_theme</color>
 137     <color name="menu_item_button_normal_theme">@color/accent_high_contrast_dark_theme</color>
 138     <color name="recently_used_share_theme">@color/photonDarkGrey10</color>
 139
 140     <color name="mozac_widget_favicon_background_normal_theme">@color/mozac_widget_favicon_background_dark_theme</color>
 141     <color name="mozac_widget_favicon_border_normal_theme">@color/mozac_widget_favicon_border_dark_theme</color>
 142
 143     <!-- Tab tray -->
 144     <color name="tab_tray_item_text_normal_theme">@color/photonLightGrey05</color>
 145     <color name="tab_tray_item_url_normal_theme">@color/photonLightGrey60</color>
 146     <color name="tab_tray_item_background_normal_theme">@color/photonDarkGrey80</color>
 147     <color name="tab_tray_item_selected_background_normal_theme">@color/tab_tray_item_selected_background_dark_theme</color>
 148     <color name="tab_tray_toolbar_background_normal_theme">@color/photonDarkGrey50</color>
 149     <color name="tab_tray_item_divider_normal_theme">@color/photonDarkGrey10</color>
 150     <color name="tab_tray_item_media_background_normal_theme">@color/photonViolet50</color>
 151     <color name="tab_tray_heading_icon_normal_theme">@color/tab_tray_heading_icon_dark_theme</color>
 152     <color name="tab_tray_heading_icon_inactive_normal_theme">@color/tab_tray_heading_icon_inactive_dark_theme</color>
 153     <color name="tab_tray_heading_icon_menu_normal_theme">@color/photonLightGrey05</color>
 154     <color name="tab_tray_item_thumbnail_background_normal_theme">@color/photonDarkGrey50</color>
 155     <color name="tab_tray_item_thumbnail_icon_normal_theme">@color/photonDarkGrey05</color>
 156     <color name="tab_tray_selected_mask_normal_theme">@color/photonViolet50A32</color>
 157
 158     <!-- Tab History -->
 159     <color name="tab_history_item_selected_background_normal_theme">@color/tab_tray_item_selected_background_dark_theme</color>
 160
 161     <!--Top site colors -->
 162     <color name="top_site_pager_dot">@color/photonDarkGrey40</color>
 163     <color name="top_site_pager_dot_selected">@color/photonDarkGrey05</color>
 164     <color name="top_site_pin_icon_color">@color/foundation_light_theme</color>
 165     <color name="top_sites_border_color">@color/photonDarkGrey90</color>
 166
 167     <!-- Collection icons-->
 168     <color name="collection_icon_color_violet">@color/photonViolet40</color>
 169     <color name="collection_icon_color_blue">@color/photonBlue30</color>
 170     <color name="collection_icon_color_pink">@color/photonPink30</color>
 171     <color name="collection_icon_color_green">#88FFD1</color>
 172     <color name="collection_icon_color_yellow">#FFDE67</color>
 173
 174     <!-- Home screen -->
 175     <color name="home_show_all_button_text">@color/photonViolet40</color>
 176
 177     <!-- Search Widget -->
 178     <color name="search_widget_background">@color/inset_normal_theme</color>
 179     <color name="search_widget_mic_fill_color">@color/primary_text_dark_theme</color>
 180     <color name="search_widget_text">@color/primary_text_dark_theme</color>
 181
 182     <!-- Reader View colors -->
 183     <color name="mozac_feature_readerview_text_color">@color/primary_text_dark_theme</color>
 184
 185     <!-- Tab Counter colors -->
 186     <color name="mozac_ui_tabcounter_default_tint">@color/primary_text_dark_theme</color>
 187     <color name="mozac_ui_tabcounter_default_text">@color/primary_text_dark_theme</color>
 188 </resources>