| <?xml version="1.0" encoding="utf-8"?> |
| <resources> |
| <!-- material colors --> |
| <!-- |
| colorPrimary app branding color for the app bar |
| colorPrimaryDark status bar and contextual app bars |
| colorControlNormal (unused here) controls in their normal state (spinner arrow, scrollbars, unchecked checkboxes) |
| colorControlActivated controls in their activated/checked state (search highlight, checked checkboxes) |
| colorControlHighlight control highlights (ripples, list selectors) |
| --> |
| <color name="color_primary">@color/blue_wordpress</color> |
| <color name="color_primary_dark">@color/status_bar_tint</color> |
| <color name="color_accent">@color/orange_jazzy</color> |
| <color name="color_control_activated">@color/blue_light</color> |
| <color name="color_control_highlight">@color/grey_lighten_20</color> |
| |
| <color name="fab_normal">@color/color_accent</color> |
| <color name="fab_pressed">@color/orange_fire</color> |
| <color name="list_selected">@color/semi_transparent_blue_light</color> |
| |
| <!-- Default Colors --> |
| <color name="translucent">#80000000</color> |
| <color name="transparent">#00000000</color> |
| <color name="light_gray">@color/grey_lighten_30</color> |
| <color name="gray">@color/grey_lighten_20</color> |
| <color name="white">#FFFFFF</color> |
| <!-- note that black should NOT be used for text - use grey_dark instead --> |
| <color name="black">#000000</color> |
| <color name="default_background">@color/grey_lighten_30</color> |
| |
| <!-- ==================================== --> |
| <!-- WordPress.com Colors --> |
| <!-- wordpress.com/design-handbook/colors --> |
| <!-- Blues --> |
| <color name="blue_wordpress">#0087be</color> |
| <color name="blue_light">#78dcfa</color> |
| <color name="blue_medium">#00aadc</color> |
| <color name="blue_dark">#005082</color> |
| |
| <!-- Primary Greys --> |
| <color name="grey">#87a6bc</color> |
| <color name="grey_light">#f3f6f8</color> |
| <color name="grey_dark">#2e4453</color> |
| <color name="grey_disabled">@color/grey_darken_10</color> |
| |
| <!-- Secondary Greys --> |
| <color name="grey_lighten_30">#e9eff3</color> |
| <color name="grey_lighten_20">#c8d7e1</color> |
| <color name="grey_lighten_10">#a8bece</color> |
| <color name="grey_darken_10">#668eaa</color> |
| <color name="grey_darken_20">#4f748e</color> |
| <color name="grey_darken_30">#3d596d</color> |
| |
| <!-- Oranges --> |
| <color name="orange_jazzy">#f0821e</color> |
| <color name="orange_fire">#d54e21</color> |
| |
| <!-- Alerts --> |
| <color name="alert_yellow">#f0b849</color> |
| <color name="alert_red">#d94f4f</color> |
| <color name="alert_green">#4ab866</color> |
| |
| <!-- Translucent --> |
| <color name="semi_transparent_grey_dark">#B32e4453</color> |
| <color name="semi_transparent_blue_light">#cc78dcfa</color> |
| <color name="translucent_grey_dark">#802e4453</color> |
| <color name="translucent_grey_lighten_10">#80a8bece</color> |
| <color name="translucent_grey_lighten_20">#80c8d7e1</color> |
| <color name="translucent_grey_lighten_30">#80e9eff3</color> |
| <color name="translucent_grey">#80888888</color> |
| |
| <!-- END WordPress.com Colors --> |
| <!-- ======================== --> |
| |
| <!-- App specific colors --> |
| <!-- We could use blue_dark for the status bar color, but to adhere to the material design spec very closely, |
| we're using a shade of blue_wordpress --> |
| <color name="status_bar_tint">#006b98</color> |
| <color name="action_mode_status_bar_tint">#ff517188</color> |
| |
| <!-- Media Gallery --> |
| <color name="media_gallery_grid_label_bg">@color/semi_transparent_grey_dark</color> |
| <color name="media_gallery_grid_label">@color/white</color> |
| <color name="media_gallery_bg">@color/grey_darken_30</color> |
| <color name="media_gallery_option_selected">@color/grey_dark</color> |
| <color name="media_gallery_option_default">@color/grey_lighten_30</color> |
| |
| <!-- Theme Details --> |
| <color name="theme_details_name">@color/grey_dark</color> |
| <color name="theme_details_button">@color/white</color> |
| <color name="theme_details_premium">@color/orange_jazzy</color> |
| <color name="theme_feature_text">@color/grey_dark</color> |
| |
| <!-- Tab Strip --> |
| <color name="tab_background">@color/color_primary</color> |
| <color name="tab_text_normal">@color/blue_light</color> |
| <color name="tab_text_selected">@color/white</color> |
| <color name="tab_indicator">@color/white</color> |
| |
| <!-- Stats --> |
| <color name="stats_text_color">@color/grey_dark</color> |
| <color name="stats_link_text_color">@color/blue_wordpress</color> |
| <color name="stats_module_content_list_header">@color/grey</color> |
| <color name="stats_blue_labels">@color/grey_darken_20</color> |
| <color name="stats_bar_graph_main_series">@color/blue_wordpress</color> |
| <color name="stats_bar_graph_main_series_highlight">@color/orange_jazzy</color> |
| <color name="stats_bar_graph_outer_highlight">#1Af0821e</color> <!-- 10% Opacity on orange_jazzy #f0821e --> |
| <color name="stats_bar_graph_secondary_series">@color/blue_dark</color> |
| <color name="stats_empty_placeholder_color">@color/translucent_grey_lighten_30</color> |
| |
| <!-- Reader --> |
| <color name="reader_divider_grey">@color/grey_lighten_30</color> |
| <color name="reader_follow">@color/grey_dark</color> |
| <color name="reader_following">@color/alert_green</color> |
| <color name="reader_hyperlink">@color/blue_medium</color> |
| <color name="filtered_list_suggestions">#f8f8f8</color> |
| |
| <!-- Comment Status --> |
| <color name="comment_status_unapproved">@color/orange_jazzy</color> |
| <color name="comment_status_spam">@color/alert_red</color> |
| |
| <!-- Notification Status --> |
| <color name="notification_status_unapproved">@color/alert_yellow</color> |
| <color name="notification_status_unapproved_dark">#eeac31</color> |
| <color name="notification_status_unapproved_background">#fef8ee</color> |
| |
| <!-- NUX --> |
| <color name="nux_grey_button">@color/grey_lighten_20</color> |
| <color name="nux_alert_bg">@color/grey_dark</color> |
| <color name="nux_background">@color/blue_wordpress</color> |
| <color name="nux_eye_icon_color_closed">@color/grey_lighten_20</color> |
| <color name="nux_eye_icon_color_open">@color/grey_lighten_10</color> |
| |
| <!-- Editor --> |
| <color name="image_options_label">@color/grey_lighten_20</color> |
| <!-- copied from private support lib resource: color/design_snackbar_background_color --> |
| <color name="snackbar_background_color">#323232</color> |
| |
| <!-- Misc --> |
| <color name="pressed_wordpress">@color/semi_transparent_blue_light</color> |
| <color name="background_grey">@color/grey_lighten_30</color> |
| <color name="translucent_white">#A6FFFFFF</color> |
| |
| <!--Me--> |
| <color name="me_divider">#D8E3EA</color> |
| |
| <color name="passcodelock_background">@color/color_primary</color> |
| <color name="passcodelock_prompt_text_color">@color/white</color> |
| <color name="passcodelock_button_text_color">@color/white</color> |
| |
| <!-- Notifications --> |
| <color name="notifications_settings_divider_color">#d0d5d9</color> |
| |
| <!-- Site Settings --> |
| <color name="site_settings_pref_divider_color">#dce1e6</color> |
| |
| <!-- Themes --> |
| <color name="theme_price">#4FB769</color> |
| <color name="theme_active">#A9E9FC</color> |
| |
| <!-- dividers --> |
| <!-- TODO: consolidate divider colors --> |
| <color name="divider_grey">#D8E3EA</color> |
| |
| </resources> |