Wikimedia Apps/Android theme guidelines
Appearance
Theme colors
[edit]The Android app utilizes colors adapted from the main WMF color palette. See the current version of the WMF color palette here: https://design.wikimedia.org/style-guide/visual-style_colors.html
Color usage overview
[edit]Light | Sepia | Dark | Black | Attribute name | Old name | Map to |
---|---|---|---|---|---|---|
color_group_56 | progressive | |||||
button_highlight_border_shape
|
color_group_1 | progressive | ||||
themed_icon_color
|
color_group_2 | progressive | ||||
colorAccent
|
color_group_3 | progressive | ||||
color_group_55 | background | |||||
multi_select_background_color
|
color_group_4 | background | ||||
color_group_53 | background | |||||
color_group_54 | background | |||||
primary_text_color
|
color_group_5 | primary | ||||
android:textColorPrimary
|
primary | |||||
chart_shade1
|
color_group_6 | primary | ||||
color_group_64 | primary | |||||
color_group_66 | primary | |||||
section_title_color
|
color_group_7 | secondary | ||||
android:textColorSecondary
|
color_group_8 | secondary | ||||
chip_text_color
|
color_group_9 | primary | ||||
backgroundImage
|
color_group_10 | placeholder | ||||
colorControlActivated
|
placeholder | |||||
colorControlHighlight
|
placeholder | |||||
android:colorForeground
|
placeholder | |||||
android:textColor (App.Button.White)
|
placeholder | |||||
page_toolbar_icon_color
|
color_group_71 | placeholder | ||||
page_tab_counts_shape_border
|
placeholder | |||||
android:textColorTertiary
|
color_group_11 | placeholder | ||||
color_group_59 | placeholder | |||||
secondary_text_color
|
color_group_12 | placeholder | ||||
chart_shade4
|
color_group_13 | placeholder | ||||
colorSwitchThumbNormal (OnboardingSwitch)
|
placeholder | |||||
android:textColorHint
|
placeholder | |||||
colorPrimary
|
color_group_14 | inactive | ||||
toc_item_background
|
color_group_15 | border | ||||
chart_shade5
|
color_group_16 | border | ||||
tab_placeholder_text_color
|
color_group_17 | border | ||||
android:windowBackground
|
||||||
chip_background_color
|
color_group_18 | border | ||||
color_group_60 | border | |||||
thumb_off_color
|
color_group_19 | background | ||||
colorSwitchThumbNormal (BottomSheetDialog)
|
color_group_20 | background | ||||
android:colorBackground
|
color_group_21 | background | ||||
main_status_bar_color
|
color_group_22 | background | ||||
main_toolbar_color
|
background | |||||
page_status_bar_color
|
background | |||||
page_expanded_status_bar_color
|
background | |||||
page_toolbar_color
|
background | |||||
suggestions_background_color
|
color_group_23 | background | ||||
toc_h1_h2_color
|
color_group_24 | primary | ||||
track_off_color
|
primary | |||||
material_theme_border_color
|
color_group_25 | border | ||||
list_separator_drawable
|
border | |||||
list_separator_drawable_bottom_content
|
border | |||||
tab_counts_shape_border
|
border | |||||
thumbnail_image_placeholder (background)
|
border | |||||
tab_shadow_drawable
|
color_group_26 | border | ||||
material_theme_shadow
|
color_group_27 | shadow | ||||
color_group_61 | border | |||||
material_theme_de_emphasised_color
|
color_group_28 | placeholder | ||||
thumbnail_image_placeholder (foreground)
|
placeholder | |||||
main_toolbar_icon_color
|
color_group_29 | secondary | ||||
color_group_63 | secondary | |||||
material_theme_secondary_color
|
color_group_30 | secondary | ||||
material_theme_primary_color
|
color_group_40 | primary | ||||
color_group_70 | background | |||||
green_highlight_color
|
color_group_42 | success | ||||
color_group_58 | success | |||||
background (ActionModeGreen)
|
color_group_43 | success | ||||
color_group_69 | background | |||||
none | none | none | color_group_65 | background | ||
color_group_57 | addition | |||||
color_group_62 | focus | |||||
colorError
|
color_group_44 | destructive | ||||
none | none | none | color_group_67 | removal | ||
color_group_68 | warning | |||||
text_highlight_color
|
color_group_45 | highlight | ||||
randomizer_dice_icon_color
|
color_group_46 | background | ||||
chart_shade7
|
color_group_47 | paper | ||||
nav_tab_background_color
|
color_group_48 | background | ||||
searchItemBackground
|
color_group_49 | background | ||||
paper_color
|
color_group_50 | paper | ||||
button_background_color
|
color_group_51 | background | ||||
toc_scroller_button_color
|
background | |||||
color_group_52 | progressive |