Introduction:
Hey guys,
In this thread I'd like to teach you how to theme third party apps. I show you the basic stuff as Statusbar, Icons and so on.
I will add more app with the time. I don't show you how to decompile apps, how they are build or other stuff. For these things, we have other threads.
Moreover, I won't add pictures because everbody should understand which colors/icons I mean. If you're confused, just ask in this thread.
These apps are just examples, so you should get a overview of theming 3rd pary apps. :)
General:
Theming 3rd party apps works actually the same way as theming system apps.
Download your apk
Decompile it
Create a folder with the app's package name in assets/overlays
Add your xml, png etc. files into this folder
Apps to theme: WhatsApp
Google+
Tapatalk
Soundcloud
Twitter
Google Inbox
Screener
Blackberry Messenger
Theming: WhatsApp
Actionbar color:
Code:
<color name="primary">Your_Color</color> Statusbar color:
Code:
<color name="primary_dark">Your_Color</color> Group admin color:
Code:
<color name="group_admin">Your_Color</color> "Send" icon bg color:
Code:
<color name="accent">Your_Color</color> "Read" icons in drawable-xxhdpi:
Code:
message_got_read_receipt_from_target.png Icons in the header section in drawable-xxhdpi:
Code:
abc_ic_menu_moreoverflow_mtrl_alpha.png Chat bubbles bg in drawable-xxhdpi:
Code:
balloon_incoming_normal.9.png Unread message icon in the chat overview in drawable-xxhdpi:
Code:
input_circle_normal.png "Send" icon inside a chat in drawable-xxhdpi: Statusbar notification icon in drawable-xxhdpi:
Google+
Actionbar color:
Code:
<color name="action_bar_background">Your_Color</color> Statusbar color:
Code:
<color name="status_bar_background">Your_Color</color> Compose button bg:
Code:
<color name="quantum_googred500">Your_Color</color> Icons in the header section in drawable-xxhdpi:
Code:
ic_people_outline_white_20.png "Compose" icon in drawable-xxhdpi:
Code:
quantum_ic_create_white_24.png "Comment/Share" icons on posts in drawable-xxhdpi:
Code:
quantum_ic_share_black_24.png
Tapatalk
Actionbar color:
Code:
<color name="primary_dark_material_light">Your_Color</color> Statusbarcolor:
Code:
<color name="primary_dark_material_dark">Your_Color</color> "Compose" button in drawable-xxhdpi:
Code:
bubble_edit_dark.png
Soundcloud
Actionbar color:
Code:
<color name="primary">Your_Color</color> Statusbar color:
Code:
<color name="primary_dark">Your_Color</color> Progress wave color (played time):
Code:
<color name="wave_above">Your_Color</color> Progress wave color (remainig time):
Code:
<color name="wave_progress_below">Your_Color</color> Icons in sidebar in drawable-xhdpi:
Code:
drawer_explore.png Like buttons in drawable-xxhdpi:
Code:
ic_btn_like.png
Twitter
Actionbar color:
Code:
<color name="twitter_blue">Your_Color</color> Statusbar color:
Code:
<color name="dark_blue">Your_Color</color> Text links color:
Code:
<color name="text_link">Your_Color</color> Icons in header section in drawable-xxhdpi:
Code:
ic_title_highlights_default.png
Google Inbox
Actionbar color:
Code:
<color name="primary_material_dark">Your_Color</color> Statusbar color:
Code:
<color name="bt_status_bar_brick">Your_Color</color> "Action done" bg color:
Code:
<color name="toastbar-background">Your_Color</color> "Compose" icon bg color in drawable-xxhdpi:
Code:
bt_fab_red.png
Screener
Actionbar color:
Code:
<color name="primary">Your_Color</color> Statusbar color:
Code:
<color name="primarydark">Your_Color</color> Mockup preview bg color:
Code:
<color name="device_background">Your_Color</color>
BlackBerry Messenger
Actionbar color:
Code:
<color name="primary">Your_Color</color> Statusbar and FAB color:
Code:
<color name="primaryColor">Your_Color</color> Side menu text color:
Code:
<color name="drawer_textColor">Your_Color</color> Side menu header color:
Code:
<style name="NavDrawerHeader"><item name="android:background">Your Color</item>
Credits:
@
aldiandrew
Do you want to have any app inside this tutorial or any questions? Just ask for it in this thread. :)
Greetz Lars