You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
336 lines
21 KiB
XML
336 lines
21 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
<resources xmlns:tools="http://schemas.android.com/tools">
|
|
<!-- Design system color variables -->
|
|
|
|
<!-- Layers -->
|
|
<!-- Default Screen, Search, Frontlayer background -->
|
|
<color name="fx_mobile_layer_color_1" tools:ignore="UnusedResources">@color/photonLightGrey20</color>
|
|
<!-- Card background, Menu background -->
|
|
<color name="fx_mobile_layer_color_2" tools:ignore="UnusedResources">@color/photonWhite</color>
|
|
<!-- App Bar Top, App Bar Bottom, Toolbar background, Frontlayer header -->
|
|
<color name="fx_mobile_layer_color_3" tools:ignore="UnusedResources">@color/photonLightGrey10</color>
|
|
<!-- Frontlayer header (edit), Header (edit) -->
|
|
<color name="fx_mobile_layer_color_accent" tools:ignore="UnusedResources">@color/photonViolet90</color>
|
|
<!-- Selected tab -->
|
|
<color name="fx_mobile_layer_color_accent_nonopaque" tools:ignore="UnusedResources">@color/photonViolet90A20</color>
|
|
<color name="fx_mobile_layer_color_scrim" tools:ignore="UnusedResources">@color/photonDarkGrey05A45</color>
|
|
<color name="fx_mobile_layer_color_scrim_start" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
|
|
<color name="fx_mobile_layer_color_scrim_end" tools:ignore="UnusedResources">@color/photonDarkGrey30</color>
|
|
<!-- Tooltip -->
|
|
<color name="fx_mobile_layer_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet40</color>
|
|
<!-- Tooltip -->
|
|
<color name="fx_mobile_layer_color_gradient_end" tools:ignore="UnusedResources">@color/photonViolet70</color>
|
|
|
|
<!-- Action -->
|
|
<!-- Primary button, Snackbar, Floating action button, Controls -->
|
|
<color name="fx_mobile_action_color_primary" tools:ignore="UnusedResources">@color/photonViolet90</color>
|
|
<!-- Secondary button, Pill button -->
|
|
<color name="fx_mobile_action_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
|
|
<!-- Checkbox enabled, Radio enabled -->
|
|
<color name="fx_mobile_action_color_tertiary" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
|
|
<!-- Checkbox disabled, Radio disabled -->
|
|
<color name="fx_mobile_action_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey50</color>
|
|
<!-- Switch background OFF, Indicator OFF -->
|
|
<color name="fx_mobile_action_color_control" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
|
|
<!-- Switch background ON -->
|
|
<color name="fx_mobile_action_color_control_dark" tools:ignore="UnusedResources">@color/photonViolet40A30</color>
|
|
<!-- Indicator active -->
|
|
<color name="fx_mobile_action_color_control_active" tools:ignore="UnusedResources">@color/photonLightGrey50</color>
|
|
|
|
<!-- Text -->
|
|
<!-- Primary text -->
|
|
<color name="fx_mobile_text_color_primary">@color/photonDarkGrey90</color>
|
|
<!-- Secondary text -->
|
|
<color name="fx_mobile_text_color_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
|
|
<!-- Disabled text -->
|
|
<color name="fx_mobile_text_color_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey90A40</color>
|
|
<!-- Warning text -->
|
|
<color name="fx_mobile_text_color_warning" tools:ignore="UnusedResources">@color/photonRed80</color>
|
|
<!-- Text link -->
|
|
<color name="fx_mobile_text_color_action" tools:ignore="UnusedResources">@color/photonViolet70</color>
|
|
<!-- Small heading -->
|
|
<color name="fx_mobile_text_color_accent" tools:ignore="UnusedResources">@color/photonViolet90</color>
|
|
<!-- Text/Icon inverted (on color) -->
|
|
<color name="fx_mobile_text_color_inverted" tools:ignore="UnusedResources">@color/photonWhite</color>
|
|
|
|
<!-- Icon -->
|
|
<!-- Primary icon -->
|
|
<color name="fx_mobile_icon_color_primary" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
|
|
<!-- Secondary icon -->
|
|
<color name="fx_mobile_icon_color_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
|
|
<!-- Disabled icon -->
|
|
<color name="fx_mobile_icon_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey70</color>
|
|
<!-- Icon inverted (on color) -->
|
|
<color name="fx_mobile_icon_color_inverted" tools:ignore="UnusedResources">@color/photonWhite</color>
|
|
<!-- New -->
|
|
<color name="fx_mobile_icon_color_notice" tools:ignore="UnusedResources">@color/photonBlue30</color>
|
|
<!-- Icon button -->
|
|
<color name="fx_mobile_icon_color_button" tools:ignore="UnusedResources">@color/photonViolet90</color>
|
|
<color name="fx_mobile_icon_color_warning" tools:ignore="UnusedResources">@color/photonRed80</color>
|
|
<color name="fx_mobile_icon_color_accent_violet" tools:ignore="UnusedResources">@color/photonViolet60</color>
|
|
<color name="fx_mobile_icon_color_accent_blue" tools:ignore="UnusedResources">@color/photonBlue60</color>
|
|
<color name="fx_mobile_icon_color_accent_pink" tools:ignore="UnusedResources">@color/photonPink60</color>
|
|
<color name="fx_mobile_icon_color_accent_green" tools:ignore="UnusedResources">@color/photonGreen60</color>
|
|
<color name="fx_mobile_icon_color_accent_yellow" tools:ignore="UnusedResources">@color/photonYellow60</color>
|
|
|
|
<!-- Border -->
|
|
<!-- Form parts -->
|
|
<color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
|
|
<!-- Selected tab -->
|
|
<color name="fx_mobile_border_color_selected" tools:ignore="UnusedResources">@color/photonViolet90</color>
|
|
<!-- Form parts -->
|
|
<color name="fx_mobile_border_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey70</color>
|
|
<!-- Form parts -->
|
|
<color name="fx_mobile_border_color_warning" tools:ignore="UnusedResources">@color/photonRed80</color>
|
|
<color name="fx_mobile_border_color_divider" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
|
|
|
|
<!-- Light theme color palette -->
|
|
<color name="primary_text_light_theme">@color/photonInk80</color>
|
|
<color name="contrast_text_light_theme">@color/primary_text_dark_theme</color>
|
|
<color name="foundation_light_theme">@color/photonLightGrey20</color>
|
|
<color name="inset_light_theme">@color/photonLightGrey30</color>
|
|
<color name="accent_light_theme">@color/photonInk20</color>
|
|
<color name="accent_bright_light_theme">@color/photonViolet70</color>
|
|
<color name="about_link_normal_theme">@color/photonViolet70</color>
|
|
<color name="dark_grey_90_gradient_start">@color/photonDarkGrey90</color>
|
|
<color name="dark_grey_90_gradient_end">#0015141A</color>
|
|
<color name="readermode_start_gradient_normal_theme">@color/photonViolet50</color>
|
|
<color name="readermode_end_gradient_normal_theme">@color/photonBlue60</color>
|
|
<color name="preference_section_header_normal_theme">@color/accent_bright_light_theme</color>
|
|
|
|
<color name="mozac_widget_favicon_background_light_theme">@color/photonWhite</color>
|
|
<color name="mozac_widget_favicon_border_light_theme">@color/photonLightGrey30</color>
|
|
|
|
<!-- Tab Tray -->
|
|
<color name="tab_tray_item_media_stroke">@color/photonWhite</color>
|
|
|
|
<!-- Dark theme color palette -->
|
|
<color name="primary_text_dark_theme">@color/photonLightGrey05</color>
|
|
<color name="above_dark_theme">@color/photonDarkGrey50</color>
|
|
<color name="accent_bright_dark_theme">@color/photonViolet70</color>
|
|
<color name="accent_high_contrast_dark_theme">@color/photonViolet40</color>
|
|
|
|
<color name="mozac_widget_favicon_background_dark_theme">@color/photonDarkGrey50</color>
|
|
<color name="mozac_widget_favicon_border_dark_theme">@color/photonDarkGrey10</color>
|
|
|
|
<!-- Tab Tray -->
|
|
<color name="tab_tray_item_selected_background_dark_theme">#412E69</color>
|
|
<color name="tab_tray_heading_icon_dark_theme">@color/photonViolet50</color>
|
|
<color name="tab_tray_heading_icon_inactive_dark_theme">@color/photonLightGrey05</color>
|
|
|
|
<!-- Private theme color palette -->
|
|
<color name="primary_text_private_theme">@color/photonLightGrey05</color>
|
|
<color name="secondary_text_private_theme">#A7A2B7</color>
|
|
<color name="contrast_text_private_theme">@color/primary_text_private_theme</color>
|
|
<color name="caption_text_private_theme">@color/photonLightGrey70</color>
|
|
<color name="foundation_private_theme">#261E4B</color>
|
|
<color name="inset_private_theme">@color/photonInk50</color>
|
|
<color name="above_private_theme">@color/photonInk50</color>
|
|
<color name="accent_private_theme">@color/photonViolet50</color>
|
|
<color name="accent_bright_private_theme">@color/photonViolet70</color>
|
|
<color name="about_link_private_theme">@color/photonViolet40</color>
|
|
<color name="accent_high_contrast_private_theme">#AA71FF</color>
|
|
<color name="tab_ring_private_theme">#F565FF</color>
|
|
<color name="neutral_private_theme">@color/photonGrey20</color>
|
|
<color name="neutral_faded_private_theme">#1FFBFBFE</color>
|
|
<color name="shadow_private_theme">#2B1067</color>
|
|
<color name="destructive_private_theme">@color/photonRed40</color>
|
|
<color name="disabled_private_theme">#66FBFBFE</color>
|
|
<color name="scrimStart_private_theme">#F520123A</color>
|
|
<color name="scrimEnd_private_theme">#F515141A</color>
|
|
<color name="snackbar_private_theme">@color/accent_light_theme</color>
|
|
<color name="accent_on_dark_background_private_theme">@color/accent_high_contrast_private_theme</color>
|
|
<color name="toolbar_start_gradient_private_theme">#7529A7</color>
|
|
<color name="toolbar_center_gradient_private_theme">#492E85</color>
|
|
<color name="toolbar_end_gradient_private_theme">#383372</color>
|
|
<color name="toolbar_divider_color_private_theme">@color/photonDarkGrey10</color>
|
|
<color name="fill_link_from_clipboard_private_theme">@color/accent_on_dark_background_private_theme</color>
|
|
<color name="menu_category_private_theme">@color/primary_text_private_theme</color>
|
|
<color name="sync_disconnected_icon_fill_private_theme">@color/photonYellow70</color>
|
|
<color name="sync_disconnected_background_private_theme">#5B5846</color>
|
|
<color name="swipe_delete_background_private_theme">@color/accent_light_theme</color>
|
|
<color name="onboarding_card_background_start_gradient_private_theme">@color/photonViolet60</color>
|
|
<color name="onboarding_card_background_end_gradient_private_theme">@color/photonPurple50</color>
|
|
<color name="onboarding_illustration_selected_private_theme">@color/accent_private_theme</color>
|
|
<color name="onboarding_illustration_deselected_private_theme">#99FBFBFE</color>
|
|
<color name="add_on_private_browsing_exterior_circle_background_private_theme">@color/accent_private_theme</color>
|
|
<color name="add_on_private_browsing_interior_icon_background_private_theme">@color/photonWhite</color>
|
|
<color name="prompt_login_edit_text_cursor_color_private_theme">@color/photonViolet50</color>
|
|
|
|
<color name="mozac_widget_favicon_background_private_theme">@color/photonInk50</color>
|
|
<color name="mozac_widget_favicon_border_private_theme">@color/photonInk50</color>
|
|
|
|
<!-- Tab Tray -->
|
|
<color name="tab_tray_item_selected_background_private_theme">#422875</color>
|
|
<color name="tab_tray_toolbar_background_private_theme">@color/photonInk50</color>
|
|
<color name="tab_tray_item_media_background_private_theme">@color/photonViolet50</color>
|
|
|
|
<!-- Tab History -->
|
|
<color name="tab_history_item_selected_background_private_theme">@color/tab_tray_item_selected_background_dark_theme</color>
|
|
|
|
<!-- Normal theme colors for light mode -->
|
|
<color name="primary_text_normal_theme">@color/primary_text_light_theme</color>
|
|
<color name="secondary_text_normal_theme">@color/photonGrey50</color>
|
|
<color name="contrast_text_normal_theme">@color/contrast_text_light_theme</color>
|
|
<color name="caption_text_normal_theme">@color/photonLightGrey90</color>
|
|
<color name="foundation_normal_theme">@color/foundation_light_theme</color>
|
|
<color name="above_normal_theme">@color/photonWhite</color>
|
|
<color name="inset_normal_theme">@color/inset_light_theme</color>
|
|
<color name="accent_normal_theme">@color/accent_light_theme</color>
|
|
<color name="accent_bright_normal_theme">@color/accent_bright_light_theme</color>
|
|
<color name="accent_high_contrast_normal_theme">@color/accent_light_theme</color>
|
|
<color name="tab_ring_normal_theme">@color/accent_light_theme</color>
|
|
<color name="neutral_normal_theme">@color/photonGrey30</color>
|
|
<color name="neutral_faded_normal_theme">@color/photonGrey20</color>
|
|
<color name="shadow_normal_theme">#1F000000</color>
|
|
<color name="destructive_normal_theme">@color/photonRed70</color>
|
|
<color name="disabled_normal_theme">#6620123A</color>
|
|
<color name="scrimStart_normal_theme">#F515141A</color>
|
|
<color name="scrimEnd_normal_theme">#F542414D</color>
|
|
<color name="snackbar_normal_theme">@color/accent_light_theme</color>
|
|
<color name="accent_on_dark_background_normal_theme">@color/accent_bright_light_theme</color>
|
|
<color name="toolbar_start_gradient_normal_theme">@color/foundation_light_theme</color>
|
|
<color name="toolbar_center_gradient_normal_theme">@color/foundation_light_theme</color>
|
|
<color name="toolbar_end_gradient_normal_theme">@color/foundation_light_theme</color>
|
|
<color name="toolbar_divider_color_normal_theme">@color/photonLightGrey50</color>
|
|
<color name="fill_link_from_clipboard_normal_theme">@color/accent_light_theme</color>
|
|
<color name="menu_category_normal_theme">@color/accent_light_theme</color>
|
|
<color name="sync_disconnected_icon_fill_normal_theme">@color/photonYellow70</color>
|
|
<color name="sync_disconnected_background_normal_theme">#FFFDE2</color>
|
|
<color name="swipe_delete_background_normal_theme">@color/photonLightGrey30</color>
|
|
<color name="onboarding_card_background_start_gradient_normal_theme">@color/accent_bright_dark_theme</color>
|
|
<color name="onboarding_card_background_end_gradient_normal_theme">@color/accent_high_contrast_dark_theme</color>
|
|
<color name="onboarding_illustration_selected_normal_theme">@color/accent_bright_light_theme</color>
|
|
<color name="onboarding_illustration_deselected_normal_theme">#9915141A</color>
|
|
<color name="add_on_private_browsing_exterior_circle_background_normal_theme">@color/accent_bright_light_theme</color>
|
|
<color name="add_on_private_browsing_interior_icon_background_normal_theme">@color/photonWhite</color>
|
|
<color name="prompt_login_edit_text_cursor_color_normal_theme">@color/photonInk20</color>
|
|
<color name="search_suggestion_indicator_icon_color_normal_theme">@color/photonGreen70</color>
|
|
<color name="search_suggestion_indicator_icon_bookmark_color_normal_theme">@color/photonBlue50</color>
|
|
<color name="select_login_header_normal_theme">@color/accent_bright_light_theme</color>
|
|
<color name="select_credit_card_header_normal_theme">@color/accent_bright_light_theme</color>
|
|
<color name="mozac_widget_favicon_background_normal_theme">@color/mozac_widget_favicon_background_light_theme</color>
|
|
<color name="mozac_widget_favicon_border_normal_theme">@color/mozac_widget_favicon_border_light_theme</color>
|
|
<color name="notification_accent_color_normal_theme">@color/accent_bright_light_theme</color>
|
|
<color name="menu_item_button_normal_theme">@color/accent_bright_light_theme</color>
|
|
<color name="recently_used_share_theme">@color/inset_light_theme</color>
|
|
|
|
<!-- Tab tray -->
|
|
<color name="tab_tray_item_text_normal_theme">@color/photonInk80</color>
|
|
<color name="tab_tray_item_url_normal_theme">@color/photonDarkGrey05</color>
|
|
<color name="tab_tray_item_background_normal_theme">@color/photonLightGrey10</color>
|
|
<color name="tab_tray_item_selected_background_normal_theme">#E5DFF4</color>
|
|
<color name="tab_tray_toolbar_background_normal_theme">@color/photonLightGrey10</color>
|
|
<color name="tab_tray_item_divider_normal_theme">@color/photonLightGrey30</color>
|
|
<color name="tab_tray_item_media_background_normal_theme">@color/photonInk20</color>
|
|
<color name="tab_tray_heading_icon_normal_theme">@color/photonInk20</color>
|
|
<color name="tab_tray_heading_icon_inactive_normal_theme">@color/photonInk20A48</color>
|
|
<color name="tab_tray_heading_icon_menu_normal_theme">@color/accent_normal_theme</color>
|
|
<color name="tab_tray_item_thumbnail_background_normal_theme">@color/photonLightGrey10</color>
|
|
<color name="tab_tray_item_thumbnail_icon_normal_theme">@color/photonLightGrey60</color>
|
|
<color name="tab_tray_selected_mask_normal_theme">@color/photonViolet70A12</color>
|
|
|
|
<!-- Tab History -->
|
|
<color name="tab_history_item_selected_background_normal_theme">@color/tab_tray_item_selected_background_normal_theme</color>
|
|
|
|
<!-- Bookmark buttons -->
|
|
<color name="bookmark_favicon_background">#DFDFE3</color>
|
|
|
|
<!-- Top site colors -->
|
|
<color name="top_site_pager_dot">@color/photonLightGrey30</color>
|
|
<color name="top_site_pager_dot_selected">@color/photonLightGrey50</color>
|
|
<color name="top_site_pin_icon_color">@color/photonDarkGrey80</color>
|
|
<color name="top_sites_border_color">@color/photonLightGrey30</color>
|
|
|
|
<!-- Synced tabs colors-->
|
|
<color name="synced_tabs_separator">@color/photonLightGrey30</color>
|
|
|
|
<!-- Collection icons-->
|
|
<color name="collection_icon_color_violet">@color/photonViolet60</color>
|
|
<color name="collection_icon_color_blue">@color/photonBlue60</color>
|
|
<color name="collection_icon_color_pink">@color/photonPink60</color>
|
|
<color name="collection_icon_color_green">@color/photonGreen60</color>
|
|
<color name="collection_icon_color_yellow">@color/photonYellow60</color>
|
|
<array name="collection_icon_colors">
|
|
<item>@color/collection_icon_color_violet</item>
|
|
<item>@color/collection_icon_color_blue</item>
|
|
<item>@color/collection_icon_color_pink</item>
|
|
<item>@color/collection_icon_color_green</item>
|
|
<item>@color/collection_icon_color_yellow</item>
|
|
</array>
|
|
|
|
<!-- Home screen -->
|
|
<color name="home_show_all_button_text">@color/photonViolet70</color>
|
|
|
|
<!-- Quick action buttons-->
|
|
|
|
<color name="quick_action_reader_appearance_icon">#482166</color>
|
|
|
|
<!-- Toggle Colors -->
|
|
<color name="toggle_off_knob_dark_theme">@color/photonLightGrey05</color>
|
|
<color name="toggle_off_track_dark_theme">@color/photonLightGrey05</color>
|
|
<color name="toggle_off_knob_normal_theme">@color/photonGrey10</color>
|
|
<color name="toggle_off_track_normal_theme">@color/photonDarkGrey90</color>
|
|
|
|
<!-- Misc colors applied universally-->
|
|
<color name="suggestion_highlight_color">#5C592ACB</color>
|
|
<color name="white_color">@color/photonLightGrey05</color>
|
|
<color name="neutral_text">@color/white_color</color>
|
|
<color name="text_scale_example_text_color">#232749</color>
|
|
<color name="sync_error_background_color">#FFF36E</color>
|
|
<color name="sync_error_text_color">@color/photonYellow90</color>
|
|
<color name="bottom_bar_shadow">#1A000000</color>
|
|
<color name="snackbar_error_color">#B52645</color>
|
|
|
|
<!-- Reader View colors -->
|
|
<color name="mozac_feature_readerview_text_color">@color/primary_text_light_theme</color>
|
|
<color name="mozac_feature_readerview_selected">@color/accent_high_contrast_dark_theme</color>
|
|
|
|
<!-- Share UI -->
|
|
<color name="default_share_background">#E3E2E3</color>
|
|
<color name="device_type_desktop_background">#F091C3</color>
|
|
<color name="device_type_mobile_background">#D4C1FA</color>
|
|
<color name="device_foreground">@color/photonInk80</color>
|
|
|
|
<!-- Launcher Icon colors -->
|
|
<color name="default_launcher_background">#FDFDFD</color>
|
|
<color name="nightly_launcher_background">#220033</color>
|
|
<color name="debug_launcher_background">@color/photonInk20</color>
|
|
<color name="ic_launcher_background">@color/default_launcher_background</color>
|
|
|
|
<!-- Button Colors -->
|
|
<color name="grey_button_color">@color/photonLightGrey30</color>
|
|
<color name="destructive_button_text_color">@color/destructive_normal_theme</color>
|
|
<color name="button_text_color">@color/photonInk20</color>
|
|
|
|
<!-- Search Widget -->
|
|
<color name="search_widget_background">@color/white_color</color>
|
|
<color name="search_widget_mic_fill_color">@color/photonBlack</color>
|
|
<color name="search_widget_text">@color/photonGrey50</color>
|
|
|
|
<!-- Private Browsing Mode Persistent Notification -->
|
|
<color name="pbm_notification_color">@color/photonViolet70</color>
|
|
|
|
<!-- Notification Color -->
|
|
<color name="whats_new_notification_color">@color/photonBlue30</color>
|
|
|
|
<!-- Static Shortcut Background Color -->
|
|
<color name="static_shortcut_background">#F5F5F5</color>
|
|
|
|
<!-- SearchView Hint Color -->
|
|
<color name="search_view_hint_color">@color/photonDarkGrey05</color>
|
|
|
|
<!-- Tab Counter colors -->
|
|
<color name="mozac_ui_tabcounter_default_tint">@color/primary_text_light_theme</color>
|
|
<color name="mozac_ui_tabcounter_default_text">@color/primary_text_light_theme</color>
|
|
|
|
<!-- App Spinners colors -->
|
|
<color name="spinner_selected_item">#1415141A</color>
|
|
|
|
<!-- Toolbar menu icon colors -->
|
|
<color name="toolbar_menu_transparent">@android:color/transparent</color>
|
|
</resources>
|