diff options
Diffstat (limited to 'WordPress/src/main/res/values/colors.xml')
-rw-r--r-- | WordPress/src/main/res/values/colors.xml | 165 |
1 files changed, 165 insertions, 0 deletions
diff --git a/WordPress/src/main/res/values/colors.xml b/WordPress/src/main/res/values/colors.xml new file mode 100644 index 000000000..e1d10b54d --- /dev/null +++ b/WordPress/src/main/res/values/colors.xml @@ -0,0 +1,165 @@ +<?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> |