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 -->
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>
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>
23 <color name="fx_mobile_layer_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet40</color>
25 <color name="fx_mobile_layer_color_gradient_end" tools:ignore="UnusedResources">@color/photonViolet70</color>
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>
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>
51 <color name="fx_mobile_text_color_warning" tools:ignore="UnusedResources">@color/photonRed40</color>
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>
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>
69 <color name="fx_mobile_icon_color_notice" tools:ignore="UnusedResources">@color/photonBlue30</color>
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>
81 <color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
83 <color name="fx_mobile_border_color_selected" tools:ignore="UnusedResources">@color/photonViolet40</color>
85 <color name="fx_mobile_border_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey70</color>
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>
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>
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>
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>
159 <color name="tab_history_item_selected_background_normal_theme">@color/tab_tray_item_selected_background_dark_theme</color>
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>
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>
175 <color name="home_show_all_button_text">@color/photonViolet40</color>
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>
182 <!-- Reader View colors -->
183 <color name="mozac_feature_readerview_text_color">@color/primary_text_dark_theme</color>
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>