Database Develop

[Q] Theme Stock MMS.apk

Made a few of these before, gotten some help from some wonderful people... here we go again:
How do you change the text color of these two items:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
I also (and this is the one I need more help on) want to make it so the text aligns to the right, instead of to the left.

Found in /res/value/colors.xml:
Code:
<color name="timestamp_color">#bf000000</color>
Which can change the timestamp color.

Text Color
res\layout\message_list_item.xml:
Code:
<TextView android:textAppearance="?android:textAppearanceSmall" android:textSize="18.669983sp" android:textColor="[COLOR="Red"]#ff91ce00[/COLOR]" android:autoLink="all" android:linksClickable="false" android:id="@id/text_view" android:layout_width="fill_parent" android:layout_height="wrap_content" />

Also if you add this " android:gravity="right" " inside the <textview> that should do the trick.
Sent from a Senendipity Captivate.

Dang Chance, you know lots of stuff.

Any way to change the color of the mms bubbles?

The Mms bubbles are easy... they are just images.
Thanks Chance, I figured one of you fine folks would know.
Sent from my SAMSUNG-SGH-I897 using XDA App

Finished the thread menu:

Looking awesome! Are we going for pure stock look or can we add some ginger green?
Sent from a Senendipity Captivate.

Whatever looks nice.
The only thing left really is the bubbles:

I say we change the alpha value on the time in the list view and make it green.
Sent from a Senendipity Captivate.

It's kind of an ugly gray, so it needs to be changed.

So, any idea where the color for the time is?

Time Color
MikeyMike01 said:
So, any idea where the color for the time is?
Click to expand...
Click to collapse
Short answer: Yes I think I do.
It is making a call to the twframework-res.apk for the text appearance but, when I try to change it, the resulting apk will just FC.
I think this is the line we need to modify...
\res\layout\conversation_list_item.xml
Code:
<TextView android:textAppearance="@touchwiz:style/TwTextAppearanceListTwoLineSecondaryGrey" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="3.0dip" android:layout_marginTop="2.0dip" android:layout_marginRight="5.0dip" android:layout_marginBottom="7.0dip" android:singleLine="true" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" />
Here is the styling from the twframework-res.apk
\es\values\styles.xml
Code:
<style name="TwTextAppearanceListTwoLineSecondaryGrey">
<item name="android:textSize">14.0sp</item>
<item name="android:textStyle">normal</item>
<item name="android:textColor">@color/tw_textappearance_listtwolinesecondarygrey</item>
</style>
Okay the @color is referencing the
\res\color\tw_textappearance_listtwolinesecondarygrey.xml
Code:
<item android:state_enabled="false" android:state_pressed="true" android:color="#80ffffff" />
<item android:state_pressed="true" android:color="@color/tw_color002" />
<item android:state_selected="true" android:color="@color/tw_color001" />
<item android:state_focused="true" android:color="@color/tw_color001" />
<item android:state_enabled="false" android:color="[COLOR="Red"]#80ffffff[/COLOR]" />
<item android:color="@color/tw_color005" />
That is the value that is giving us the grey color we see.
tw_color001 = white (#ffffffff)
tw_color002 = black (#ff000000)
if you want to make it just plain white change the 80 to ff. Don't know if you know the color code make up but the frist two are the alpha or "transparency" value, the other six are the color code.
I have a meeting to go to tonight and then the GF wants to see me so I won't be back to play with this until late tonight.
Thanks,
ChanceM

Should be able to change:
Code:
<item name="android:textColor">@color/tw_textappearance_listtwolinesecondarygrey</item>
To something like:
Code:
<item name="android:textColor">#ffffffff</item>

Meanwhile I started working on the buttons:
I think it looks nice.

MikeyMike01 said:
Should be able to change:
Code:
<item name="android:textColor">@color/tw_textappearance_listtwolinesecondarygrey</item>
To something like:
Code:
<item name="android:textColor">#ffffffff</item>
Click to expand...
Click to collapse
yeah you could but if your going to go ahead and recompile the twframework-res.apk you might as well change it at the last level...Idk just a personal pref thing. (Although since we are making changes to the twf that might affect the calendar and calc as those probably make calls here too.)
Yeah the balloons are looking nice there.
Are you going to change the textfield image to something green as well?

Looks awesome. Impatiently waiting for release

ChanceM said:
Yeah the balloons are looking nice there.
Are you going to change the textfield image to something green as well?
Click to expand...
Click to collapse
The stuff at the bottom? It's system-wide.
Did the other side bubbles:

[Tutorial] Notification Dropdown Text Color Changes/Status Bar Changes (Sense 3.0)

I hope this little tutorial from Average Joes will help the many questions about how to change the Notification Dropdown Text Color.
I have been on a mission for a couple of months to figure this beast out. Read many threads, PM'd many others. Alot of info is out there about how to change the text color for notification dropdown for Sense 2.0 and Sense 2.1. But Sense 3.0 made some changes to the structure of the XML's and how the Status Bar was using them. I will write out how I did it, and hopefully it will guide you along to what I think is an awesome change for a ROM or a Theme to make..
Requirements:
1. You must be able to decompile and compile your SystemUI.apk and Framework.apk
2. Understand how to edit XML's.
3. Know how to back up and flash all these changes. I would never suggest making all changes at once to SystemUI. If you make a mistake,your Status bar will fail to show up upon booting the phone..
This is what mine looks like:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
In the first part I will cover changing the text color for Quick Settings Tab..
If you find an error of discover a new way of doing it, please let me know so I can update this tutorial..
1. Quick Settings
2. Status Bar
3. Transparency Notification/Quick Settings
4. Time Location on Notifications
5. Changing Text Color of Notifications in Dropdown
6. Animation in Notification Dropdown!!!!
** Special Thanx to - Stoney66,fernando sor,Bad Seed customs for creating this mod**
7. Using Wallpaper as Background in other Windows
** Special Thanx to - Clever for showing me this mod**
Always, Always Backup!!!!

Quick Settings:
(Part 1) - Changing Text Color of Primary and Secondary Text
Primary Method:
SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml
1. Header Name of Item
Look for:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textColor="@color/list_item_primary_text"
a. Substitute "@color/list_item_primary_text" with “#ffrrggbb” (whatever rgb color you want)
2. Status of Header Item (like on/off i.e secondary text)
Look for:
<TextView android:textSize="@com.htc:dimen/list_secondary_m" android:textColor="@color/list_item_secondary_text"
a. Substitute "@color/list_item_secondary_text" with “#ffrrggbb” (whatever rgb color you want)
Secondary Method: (Coming Soon)
Why the two?
The primary keeps any other text within the system from changing. The secondary method can affect any other ares of the the system that call upon this color in the xml. You decide what is best.
(Part 2) - Quick Settings Label
SystemUI\res\drawable-hdpi\layout\quick_settings.xml
Look for:
<TextView android:textAppearance="@style/TextAppearance.StatusBar.Title" android:gravity="center_vertical"
a. Add android:textColor="#ffrrggbb” (whatever rgb color you want)
Example:
<TextView android:textAppearance="@style/TextAppearance.StatusBar.Title" android:textColor="#fffffd80” android:gravity="center_vertical"
Gets you a Yellow Label:

Status Bar Color - Date/Clock
SystemUI\res\drawable-hdpi\layout\status_bar.xml
Look for:
1. Clock
Look For:
<com.android.systemui.statusbar.Clock
a. Add: android:textColor="#ffXXXXXX" the “X’s” are in RRGGBB
Example:
<com.android.systemui.statusbar.Clock android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ff3366CC"
2. Date
Look for:
<com.android.systemui.statusbar.DateView
a. Add: android:textColor="#ffXXXXXX" the “X’s” are in RRGGBB
Example:
<com.android.systemui.statusbar.DateView android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:textColor="#ff3366CC"

Transparency Background for Notification Dropdown and Quick Settings
SystemUI\res\drawable-hdpi\values\drawables.xml
Look for:
1. Complete Transparency
<item type="drawable" name="list_item_background">#ffffffff</item>
a. Substitute: #ffffffff with #00000000
b. This will give you complete transparency
2. Partial Transparency
<item type="drawable" name="list_item_background">#ffffffff</item>
a. Substitute: #ffffffff with #77000000
b. This will give you less transparency
Results:

Two Lines Text in Notification Dropdown
Coming soon

Colorized Text in Notification Dropdown
SystemUI\res\values\colors.xml
<color name="white">#ffffffff</color> (This changes what the text color is when pressed in notifications)
<color name="black">#ff000000</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7f000000</color>
<color name="primary_text_color">#ffffffff</color> (This changes the Notification Text Header)
<color name="secondary_text_color">#ff000000</color> (This changes the Notification text Content)
In each of the above lines marked with a comment, Substitute the >#ffXXXXXX with you RRGGBB values you want your text to be.
Screenshots coming in a few..
** I have this done in my mods for a while, however special thanx to Jon for finding out it only needed this file changed instead of several that I had done before. I knew it should take as many files to change the color. THANK YOU JON!!!
Time on Notifications Location
Framework-res\res\layout\status_bar_latest_event_content.xml
Look for:
<android.widget.DateTimeView
Cut and paste whole line into the second or third <Linearlayout... Right after the corasponding Textview
Placing the DateTimeview in the second <Linearlayout will place the time on the first line of the Notification.
Placing the DateTimeview in the third <Linearlayout will place the time on the second line of the Notification

Animation in Notification Dropdown!!!!Ported by myself!
** Special Thanx to - Stoney66,fernando sor,Bad Seed customs for creating this mod**
Required Attached files at bottom of post
All in SystemUI:
res\drawable\status_bar_background_animation.xml
res\drawable-hdpi\pulldown_anim1.png (1 thru 36)
res\layout\status_bar_tracking.xml
res\values\public.xml
Copy status_bar_background_animation.xml to the SystemUI\res\drawable folder.
Edit to suite, it has 36 png's list, but you can do how many every you want. Ensure you have the same amount of png's in res\hdpi\*.png as you have listed in the status_bar_background_animation.xml
status_bar_background.png - Controls the background, might need to make it more transparent so animation can be seen
Manual:
Edit status_bar_tracking.xml
Look for: (Should be first line)
<com.android.systemui.statusbar.TrackingView androidrientation="vertical" androidaddingLeft="0.0px" androidaddingRight="0.0px" androidaddingBottom="0.0px" android:focusable="true" android:visibility="gone" android:descendantFocusability="afterDescendants"
Replace with:
<com.android.systemui.statusbar.TrackingView androidrientation="vertical" android:background="@drawable/status_bar_background_animation" androidaddingLeft="0.0px" androidaddingRight="0.0px" androidaddingBottom="0.0px" android:focusable="true" android:visibility="gone" android:descendantFocusability="afterDescendants"
Notice we are adding the adding the status_bar_background_animation
Edit Public.xml
Look for any "APKTOOL_DUMMY_XXXX" id=XXXXXXXX
Change the APKTOOL_DUMMY_XXXX with:
status_bar_background_animation
Results: Edit only one line to define the resource!!!
<public type="drawable" name="status_bar_background_animation" id="0x7f020198" />
(DO NOT USE THIS ID=="0x7f020198") leave which ever ID Number is there from the APKTOOL_DUMMY!!!!!
Required Files for Animated Notification Dropdown!!!!!

This looks exciting I sure hope you know what your doing lol, you taking the first 6 posts!!!!!!

Man, this is epic, this is exactly what I was looking for couldn't have asked for better! Looking forward to the rest!

Wow Dude! After all that typing, I hope you still have the use of your hands. I didn't really have much to say, other than, this is an impressive tutorial, Gun so, I just thought I would drop by and...

c_live_lee said:
Wow Dude! After all that typing, I hope you still have the use of your hands. I didn't really have much to say, other than, this is an impressive tutorial, Gun so, I just thought I would drop by and...
Click to expand...
Click to collapse
Thanx, much more to come. Time I start giving back to all those that want to learn as well, or those that just like something I did.

Gotta be gone out of town for a week at a funeral. This thread is not dead. Just on a break.
1. Color text
2. What png's are where in the status bar.
3. Movement of clock to center
4. Deleting clock off status bar.
That is just to name a few items that will be spelle dout how to do.
I am always looking for more ideas..

Awesome work man! Can you tell me where the text and color for the notification pulldown header is located?
http://db.tt/dUpdaAt
Were it says gingeritis 3d, i wana be able to change the text to my themes name, and i want to change the color of the bar underneath that one, the one that says notifications
Sent from my TBolt using my f***king thumbs...

sonami said:
Awesome work man! Can you tell me where the text and color for the notification pulldown header is located?
http://db.tt/dUpdaAt
Were it says gingeritis 3d, i wana be able to change the text to my themes name, and i want to change the color of the bar underneath that one, the one that says notifications
Sent from my TBolt using my f***king thumbs...
Click to expand...
Click to collapse
I am away from my main computer, but from memory it's in the
SystemUI\res\layout\status_bar_expanded.xml (again from memory.. will add as soon as I get back into town)

Ive been trying to learn how to theme for the longest. Im going to study ur guide and make sure i can do it perfect! Thanks

I'll ask the obvious n00b question ... what app can I use to edit the file via phone or OS X. I've been trying to use the UOT kitchen to change the notification text color. The preview looks good but it always comes out black. I stumbled upon this topic doing a search. I understand where (SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml) and what (FF000000 to FFFFFFFF) needs to be changed, but I'm having trouble getting the right tool(s) to let me open/edit the file. I've attached a screenshot. I'm trying to make the text white. Thats all I need to do. Thanks in adv.
*edit*
should mention I'm currently on BAMF Forever 1.0.2 which is Sense 3. I'm usually on CM7 and the UOT Kitchen works perfect on it.

julesism said:
I'll ask the obvious n00b question ... what app can I use to edit the file via phone or OS X. I've been trying to use the UOT kitchen to change the notification text color. The preview looks good but it always comes out black. I stumbled upon this topic doing a search. I understand where (SystemUI\res\drawable-hdpi\layout\status_bar_preference.xml) and what (FF000000 to FFFFFFFF) needs to be changed, but I'm having trouble getting the right tool(s) to let me open/edit the file. I've attached a screenshot. I'm trying to make the text white. Thats all I need to do. Thanks in adv.
*edit*
should mention I'm currently on BAMF Forever 1.0.2 which is Sense 3. I'm usually on CM7 and the UOT Kitchen works perfect on it.
Click to expand...
Click to collapse
on OS X I use text wrangler for editing xml's.

Gunthermic said:
Colorized Text in Notification Dropdown
SystemUI\res\values\colors.xml
<color name="white">#ffffffff</color> (This changes what the text color is when pressed in notifications)
<color name="black">#ff000000</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7f000000</color>
<color name="primary_text_color">#ffffffff</color> (This changes the Notification Text Header)
<color name="secondary_text_color">#ff000000</color> (This changes the Notification text Content)
In each of the above lines marked with a comment, Substitute the >#ffXXXXXX with you RRGGBB values you want your text to be.
Screenshots coming in a few..
** I have this done in my mods for a while, however special thanx to Jon for finding out it only needed this file changed instead of several that I had done before. I knew it should take as many files to change the color. THANK YOU JON!!!
Click to expand...
Click to collapse
I have done this and it does not change the second line of the notification. It also turns the first line back to black if you select it and let go, i.e. selecting Disk Drive or Charge Only. Is there another xml file that I need to edit along with this one to chane the text color of the notifications?
Edit: Nevermind, I figured it out. Thanks for the tutorial.

Devildog8791 said:
I have done this and it does not change the second line of the notification. It also turns the first line back to black if you select it and let go, i.e. selecting Disk Drive or Charge Only. Is there another xml file that I need to edit along with this one to chane the text color of the notifications?
Edit: Nevermind, I figured it out. Thanks for the tutorial.
Click to expand...
Click to collapse
What did you do?
More tutorial to come.

Gunthermic said:
What did you do?
More tutorial to come.
Click to expand...
Click to collapse
To be honest, I found a theme that already had it done and compared the xml files.
Edit: I am having one problem though. It seems that some third party apps like Pandors and Handcent are still black text. Do you know where I need to go to fix this or is this something that you are battling too?

[TUTO] ░█░ WHATSAPP Architecture by YORZUA© ░█░

Hi Peeps,
I had to close my thread [APP] ░█░ W H A T S A P P by YORZUA© ░█░ but i don't forget all those who followed me, helped me with their feedbacks, supported me with their good comments and/or donated to me.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
The purpose of this thread is not to post my versions/updates of my whatsapp mods but to guide you how to mod every single pixel of the whatsapp.apk and be able to create your own versions.
I will add in the future my mods in packages [ DARK - ICS - RED - W8 - Blossom - Notepad - DARK+ICS - BURNED ] in order to help you updating your favorites mods
First of all, you will need to learn how to decompile / compile / sign the application Whatsapp.apk so for those who have no idea how to : please check my tuto How to decompile/recompile/Sign Whatsapp.apk with my kit made for you
All questions about that part MUST be posted on the relevant thread
You will find the full listing of the files we are working with in this tutorial on the 2nd post _ as the list is quite long, i will keep adding articles ( with clear information and screenshots ) on a daily basis
Let's do it in different chapters ( order of chapters may differ according to feedbacks ) :
I. Intro
II. Drawables
III. Gradients & Selectors
IV. Layout
V. Values & Manifest
VI. Tweaks & Updates
Please read carefully and test/do by yourself before to post in order to keep as clean as possible this interactive thread
Good luck and enjoy the cooking ☺☼♪♫​

Index of files
Please find here the full listing of the files you need to change in order to release a whatsapp.apk as i do :
XML's + PNG's + 9.PNG's
\res\drawable-hdpi\
about_logo.png
account_medal.png
account_present.png
add_person_gray.png
add_person_white.png
albumart.png
albumart_small.png
androidface.png
attach_audio.png
attach_contact.png
attach_gallery.png
attach_location.png
attach_location_square.png
attach_video.png
audio_message.png
avatar03.png
avatar_group.png
avatar_group02.png
avatar_self.png
background.jpg
background_landscape.jpg
background_repeat.xml
backpattern.png
backrepeat.xml
blocked_contact.png
blue_button.9.png
blue_button_background.xml
broadcast_cross.png
btn_dropdown.xml
btn_dropdown_normal.png
btn_dropdown_pressed.png
btn_media_next_default.png
btn_media_next_press.png
btn_media_next_selected.png
btn_media_prev_default.png
btn_media_prev_press.png
btn_media_prev_selected.png
btn_share_48.png
btn_show_all_60.png
button_aperture.png
button_attach.png
button_disabled.9.png
button_emoji.png
button_help.png
button_layers.png
button_left.png
button_my_location.png
button_pen.png
button_refresh.png
button_right.png
button_search.png
call.png
camera_crop_height.png
camera_crop_width.png
camera_icon.png
camera_overlay.png
circlepenicon.png
clear.png
clear_search_btn.png
compose.png
contact_by_email.png
contact_lookup_map.png
contactpicker_bar_pattern.png
contactpicker_bar_repeat.xml
contactpicker_button.9.png
contactpicker_button_pressed.9.png
countrypicker_checkmark.png
dark_row.9.png
date_balloon.9.png
div.png
div_small.png
div_vert.png
divider.xml
divider_horizontal_list.png
divider_vertical.png
dropdown_bottom.png
dropdown_middle.png
dropdown_top.png
e001.png
e002.png
e003.png
e004.png
e005.png
e006.png
e007.png
e008.png
e009.png
e00a.png
e00b.png
e00c.png
e00d.png
e00e.png
e00f.png
e010.png
e011.png
e012.png
e013.png
e014.png
e015.png
e016.png
e017.png
e018.png
e019.png
e01a.png
e01b.png
e01c.png
e01d.png
e01e.png
e01f.png
e020.png
e021.png
e022.png
e023.png
e024.png
e025.png
e026.png
e027.png
e028.png
e029.png
e02a.png
e02b.png
e02c.png
e02d.png
e02e.png
e02f.png
e030.png
e031.png
e032.png
e033.png
e034.png
e035.png
e036.png
e037.png
e038.png
e039.png
e03a.png
e03b.png
e03c.png
e03d.png
e03e.png
e03f.png
e040.png
e041.png
e042.png
e043.png
e044.png
e045.png
e046.png
e047.png
e048.png
e049.png
e04a.png
e04b.png
e04c.png
e04d.png
e04e.png
e04f.png
e050.png
e051.png
e052.png
e053.png
e054.png
e055.png
e056.png
e057.png
e058.png
e059.png
e05a.png
e101.png
e102.png
e103.png
e104.png
e105.png
e106.png
e107.png
e108.png
e109.png
e10a.png
e10b.png
e10c.png
e10d.png
e10e.png
e10f.png
e110.png
e111.png
e112.png
e113.png
e114.png
e115.png
e116.png
e117.png
e118.png
e119.png
e11a.png
e11b.png
e11c.png
e11d.png
e11e.png
e11f.png
e120.png
e121.png
e122.png
e123.png
e124.png
e125.png
e126.png
e127.png
e128.png
e129.png
e12a.png
e12b.png
e12c.png
e12d.png
e12e.png
e12f.png
e130.png
e131.png
e132.png
e133.png
e134.png
e135.png
e136.png
e137.png
e138.png
e139.png
e13a.png
e13b.png
e13c.png
e13d.png
e13e.png
e13f.png
e140.png
e141.png
e142.png
e143.png
e144.png
e145.png
e146.png
e147.png
e148.png
e149.png
e14a.png
e14b.png
e14c.png
e14d.png
e14e.png
e14f.png
e150.png
e151.png
e152.png
e153.png
e154.png
e155.png
e156.png
e157.png
e158.png
e159.png
e15a.png
e201.png
e202.png
e203.png
e204.png
e205.png
e206.png
e207.png
e208.png
e209.png
e20a.png
e20b.png
e20c.png
e20d.png
e20e.png
e20f.png
e210.png
e211.png
e212.png
e213.png
e214.png
e215.png
e216.png
e217.png
e218.png
e219.png
e21a.png
e21b.png
e21c.png
e21d.png
e21e.png
e21f.png
e220.png
e221.png
e222.png
e223.png
e224.png
e225.png
e226.png
e227.png
e228.png
e229.png
e22a.png
e22b.png
e22c.png
e22d.png
e22e.png
e22f.png
e230.png
e231.png
e232.png
e233.png
e234.png
e235.png
e236.png
e237.png
e238.png
e239.png
e23a.png
e23b.png
e23c.png
e23d.png
e23e.png
e23f.png
e240.png
e241.png
e242.png
e243.png
e244.png
e245.png
e246.png
e247.png
e248.png
e249.png
e24a.png
e24b.png
e24c.png
e24d.png
e24e.png
e24f.png
e250.png
e251.png
e252.png
e253.png
e301.png
e302.png
e303.png
e304.png
e305.png
e306.png
e307.png
e308.png
e309.png
e30a.png
e30b.png
e30c.png
e30d.png
e30e.png
e30f.png
e310.png
e311.png
e312.png
e313.png
e314.png
e315.png
e316.png
e317.png
e318.png
e319.png
e31a.png
e31b.png
e31c.png
e31d.png
e31e.png
e31f.png
e320.png
e321.png
e322.png
e323.png
e324.png
e325.png
e326.png
e327.png
e328.png
e329.png
e32a.png
e32b.png
e32c.png
e32d.png
e32e.png
e32f.png
e330.png
e331.png
e332.png
e333.png
e334.png
e335.png
e336.png
e337.png
e338.png
e339.png
e33a.png
e33b.png
e33c.png
e33d.png
e33e.png
e33f.png
e340.png
e341.png
e342.png
e343.png
e344.png
e345.png
e346.png
e347.png
e348.png
e349.png
e34a.png
e34b.png
e34c.png
e34d.png
e401.png
e402.png
e403.png
e404.png
e405.png
e406.png
e407.png
e408.png
e409.png
e40a.png
e40b.png
e40c.png
e40d.png
e40e.png
e40f.png
e410.png
e411.png
e412.png
e413.png
e414.png
e415.png
e416.png
e417.png
e418.png
e419.png
e41a.png
e41b.png
e41c.png
e41d.png
e41e.png
e41f.png
e420.png
e421.png
e422.png
e423.png
e424.png
e425.png
e426.png
e427.png
e428.png
e429.png
e42a.png
e42b.png
e42c.png
e42d.png
e42e.png
e42f.png
e430.png
e431.png
e432.png
e433.png
e434.png
e435.png
e436.png
e437.png
e438.png
e439.png
e43a.png
e43b.png
e43c.png
e43d.png
e43e.png
e43f.png
e440.png
e441.png
e442.png
e443.png
e444.png
e445.png
e446.png
e447.png
e448.png
e449.png
e44a.png
e44b.png
e44c.png
e501.png
e502.png
e503.png
e504.png
e505.png
e506.png
e507.png
e508.png
e509.png
e50a.png
e50b.png
e50c.png
e50d.png
e50e.png
e50f.png
e510.png
e511.png
e512.png
e513.png
e514.png
e515.png
e516.png
e517.png
e518.png
e519.png
e51a.png
e51b.png
e51c.png
e51d.png
e51e.png
e51f.png
e520.png
e521.png
e522.png
e523.png
e524.png
e525.png
e526.png
e527.png
e528.png
e529.png
e52a.png
e52b.png
e52c.png
e52d.png
e52e.png
e52f.png
e530.png
e531.png
e532.png
e533.png
e534.png
e535.png
e536.png
e537.png
emoji_bell.png
emoji_bell_green.png
emoji_border.xml
emoji_car.png
emoji_car_green.png
emoji_flower.png
emoji_flower_green.png
emoji_group_bottom.xml
emoji_group_bottom_selected.xml
emoji_group_top.xml
emoji_group_top_selected.xml
emoji_smile.png
emoji_smile_green.png
emoji_triangle.png
envelope.png
expander_close.png
expander_open.png
gradient.xml
gray_bubble.9.png
gray_bubble_body.9.png
gray_bubble_bottom.9.png
gray_bubble_top.9.png
green_bubble.9.png
group_info_chevron_right.png
groups.png
header_grey_gradient.xml
header_repeat.xml
ic_button_add.png
ic_menu_add.png
ic_menu_attach.png
ic_menu_block.png
ic_menu_call.png
ic_menu_contact.png
ic_menu_contactinfo.png
ic_menu_contacts.png
ic_menu_delete.png
ic_menu_group.png
ic_menu_help.png
ic_menu_info.png
ic_menu_media.png
ic_menu_more.png
ic_menu_mute.png
ic_menu_muteoff.png
ic_menu_mylocation.png
ic_menu_new.png
ic_menu_refresh.png
ic_menu_settings.png
ic_menu_share.png
ic_menu_shortcut.png
ic_menu_status.png
ic_menu_wallpaper.png
ic_muted.png
ic_round_more_normal.png
icon.png
icon_more.png
image_message.png
image_overlay.9.png
image_overlay_pressed.9.png
image_overlay_selected.9.png
input_code.png
light_gray_gradient.xml
location_blue.png
location_blue_1.png
location_green.png
location_pink.png
location_red.png
logo.png
menu_divider.png
menuitem_debug.png
message_got_receipt_from_server.png
message_got_receipt_from_target.png
message_unsent.png
msg_read.png
msg_status_client_received.png
msg_status_gray_waiting.png
msg_status_read.png
msg_status_red_waiting.png
msg_status_server_receive.png
msg_status_unread.png
msg_unread.png
notifybar.png
notifybar_error.png
pen_gray.png
people.png
picture_loading.png
platforms.png
powered_by_foursquare_white.png
powered_by_google_on_white.png
red_button.9.png
red_button_background.xml
refresh_btn.png
register_balloon.png
register_error.png
register_phone.png
register_semitrans_pane.9.png
repeatable_conversation_divider.png
search_web.png
selector_conversation_row_highlighted.xml
selector_emoji_bell.xml
selector_emoji_car.xml
selector_emoji_flower.xml
selector_emoji_imageview.xml
selector_emoji_smile.xml
selector_media_next.xml
selector_media_prev.xml
selector_orange_gradient.xml
selector_orange_gradient_bottom.xml
selector_orange_gradient_on_beige.xml
selector_orange_gradient_on_drkgray.xml
selector_orange_gradient_on_gray.xml
selector_orange_gradient_top.xml
selector_picker_table_row.xml
selector_place_overlay.xml
selector_transparent.xml
selector_transparent_gray.xml
shared_contact_btn.png
subheader_pattern.png
subheader_pattern_dark.png
topbar_background.png
topbar_pattern.png
videooverlay.png
wallet.png
-----------------------------------------------------
XML's
\res\layout\
about.xml
about_landscape.xml
account_info.xml
advanced.xml
app_chooser_dialog.xml
app_chooser_row.xml
autocomplete_list_row.xml
block_list.xml
broadcast_message_composer.xml
contact.xml
contact_map_balloon.xml
contact_picker.xml
contact_picker_group_row.xml
contact_picker_help.xml
contact_picker_help_row.xml
contact_picker_row.xml
contact_picker_tell_friends.xml
contacts_list.xml
contacts_row.xml
conversation.xml
conversation_contact_row_left.xml
conversation_contact_row_right.xml
conversation_divider_row.xml
conversation_header.xml
conversation_location_row_left.xml
conversation_location_row_right.xml
conversation_row_media_left.xml
conversation_row_media_right.xml
conversation_text_row_left.xml
conversation_text_row_right.xml
conversation_unread_divider.xml
conversations.xml
conversations_notice_row.xml
conversations_row.xml
conversations_tip_row.xml
country_picker.xml
country_picker_row.xml
cropimage.xml
custom_rounded_corner.xml
delete_account.xml
delete_account_confirmation.xml
describe_problem.xml
download_media_progress.xml
editstatus.xml
edittext_dialog.xml
emoji_edittext_dialog.xml
emoji_list_row.xml
empty_tell_a_friend.xml
eula.xml
group_subject_editor.xml
groupchat_info.xml
groupchat_info_footer.xml
groupchat_info_header.xml
groupchat_map.xml
help.xml
imageactivity.xml
location_picker.xml
location_picker_header.xml
location_picker_progress.xml
location_picker_row.xml
login.xml
media_gallery.xml
media_view.xml
multiline_notification.xml
multiple_contact_picker.xml
multiple_contact_picker_footer.xml
multiple_contact_picker_row.xml
multiple_contact_picker_row_empty.xml
multiple_contact_picker_search.xml
network_usage.xml
overlay_alert.xml
participant_list_row.xml
pickfiletype.xml
popup_notification.xml
push_name_preference_title.xml
recordaudio.xml
registername.xml
registerphone.xml
setstatus.xml
setstatus_row.xml
verify_sms.xml
video_activity.xml
view_profile_photo.xml
view_shared_contact.xml
view_shared_contact_row.xml
wallpaper_item.xml
wallpaper_picker.xml
web_image_picker.xml
-----------------------------------------------------
XML's
\res\values\
colors
dimens
public
strings
styles
-----------------------------------------------------
SMALI's
\smali\com\whatsapp
1,156 files i am not gonna copy here
For your help, i even made a clear tuto for decompiling/compiling/signing Whatsapp and another clear tuto to create your 9.png

Showroom
Shall i show you a small example of what you can achieve by following my whatsapp tuto

I. Intro
Chapter I. Intro​
If you install Whatsapp.apk for the first time, this is the very first image you get in your screen and i will show you how to mod it
The file is located in \Whatsapp\res\layout\eula.xml
• android:background="@drawable/background"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
• android:id="@id/eula_title"
this line will allow you to change the first title text
android:textColor="#ffffffff"
android:textSize="20.0sp"
android:textStyle="normal"
android:gravity="center"
will see later for the other options but if you dont like the content of the text, android:text="@string/eula_title" tells you where to change it => in \Whatsapp\res\values\strings.xml OR \res\values-es\strings.xml if your current rom language is set to spanish for example.
Just look for the line eula_title in \res\values-es\strings
<string name="eula_title">¡Bienvenido a WhatsApp BurnedYorzua!</string>
• android:id="@id/logo"
will allow you to change the logo by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
in this case, android:src="@drawable/about_logo" but can be whatever you want
• android:id="@id/eula_description"
this line will allow you to change the 3 lines text under the logo
android:textSize="17.0sp"
android:textColor="#ffffffff"
android:gravity="center"
• android:id="@id/eula_platform_bar"
will allow you to change the plateforms logo by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
in this case, android:src="@drawable/platforms" but can be whatever you want
You will see at the end of the line
android:layout_below="@id/eula_description"
which means that the layout force the plateform logo to be below the 3 lines description but up to you if you wanna change the order of the elements
• android:id="@id/eula_view" refering to android:text="@string/eula_terms_and_conditions"
android:textSize="17.0sp"
android:textColor="#ffffffff"
android:gravity="center"
will see later for the other options but if you dont like the content of the text, android:text="@string/eula_title" tells you where to change it => in \Whatsapp\res\values\strings.xml OR \res\values-es\strings.xml if your current rom language is set to spanish for example.
Just look for the line eula_terms_and_conditions in \res\values-es\strings
<string name="eula_terms_and_conditions">Términos y Condiciones</string>
• android:id="@id/eula_bottom_bar"
will allow you to change the color of the bar
android:background="#bbd2323b"
will allow you to change the size of the bar
android:layout_height="9.0dip"
• android:background="#ff000000"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter ) or even a picture ="@drawable/wallpaper001"
• android:id="@id/eula_accept" refering to
android:text="@string/eula_agree"
android:textSize="17.0sp"
android:textStyle="bold"
android:textColor="#ffffffff"
android:gravity="center"
will see later for the other options but if you dont like the content of the text, android:text="@string/eula_agree" tells you where to change it => in \Whatsapp\res\values\strings.xml OR \res\values-es\strings.xml if your current rom language is set to spanish for example.
Just look for the line eula_terms_and_conditions in \res\values-es\strings
<string name="eula_agree">Acepto, deseo continuar</string>
If you decompile, edit eula.xml , recompile and sign successfully your whatsapp.apk ___ congratulations, you can enjoy your first piece of mod
then you could play with the file as you wish

about / about_landscape
We just learned how to change the first screen of whatsapp after 1st installation.
How about a second installation or update ?
You will need to edit about.xml and about_landscape.xml which are very similar to eula.xml
The file is located in \Whatsapp\res\layout\about.xml
• android:background="@drawable/background"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
• android:id="@id/eula_title"
this line will allow you to change the first title text
android:textColor="#ffffffff"
android:textSize="20.0sp"
android:textStyle="normal"
android:gravity="center"
will see later for the other options but if you dont like the content of the text, android:text="@string/eula_title" tells you where to change it => in \Whatsapp\res\values\strings.xml OR \res\values-es\strings.xml if your current rom language is set to spanish for example.
Just look for the line eula_title in \res\values-es\strings
<string name="eula_title">¡Bienvenido a WhatsApp BurnedYorzua!</string>
• android:id="@id/logo"
will allow you to change the logo by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
in this case, android:src="@drawable/about_logo" but can be whatever you want
• android:id="@id/eula_description"
this line will allow you to change the 3 lines text under the logo
android:textSize="17.0sp"
android:textColor="#ffffffff"
android:gravity="center"
• android:id="@id/eula_bottom_bar"
will allow you to change the color of the bar
android:background="#bbd2323b"
will allow you to change the size of the bar
android:layout_height="9.0dip"
• android:background="#ff000000"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter ) or even a picture ="@drawable/wallpaper001"
• android:id="@id/about_contact1" and android:id="@id/about_contact2" refering to
android:text="@string/contact1"
android:text="@string/contact2"
android:textSize="17.0sp"
android:textStyle="bold"
android:textColor="#ffffffff"
android:gravity="center"
will see later for the other options but if you dont like the content of the text, android:text="@string/contact1" tells you where to change it => in \Whatsapp\res\values\strings.xml OR \res\values-es\strings.xml if your current rom language is set to spanish for example.
Just look for the line contact1 and contact2 in \res\values-es\strings
<string name="contact1">Contactar</string>
<string name="contact2">¿Dudas? ¿Comentarios? ¿Necesita ayuda?</string>
If you decompile, edit eula.xml , recompile and sign successfully your whatsapp.apk ___ congratulations, you can enjoy your first piece of mod
◘◘◘ Dont forget to edit about_landscape.xml as well which is the exactly same construction than about.xml
When you rotate your phone, you will see something like this
By changing the background, you can get a nice surprise effect when rotating or just let the same background if you want to.

registerphone / registername
Next screen will redirect you to register your phone number
The file is located in \Whatsapp\res\layout\registerphone.xml
• android:background="@drawable/background_repeat"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
background_repeat correspond here to the background_repeat.xml in \Whatsapp\res\drawable-hdpi :
<bitmap android:src="@drawable/backpattern" android:tileMode="repeat"
backpattern.png will be repeated as more as needed to fill the background of the registerphone screen.
• <RelativeLayout style="@style/Header">
<TextView android:ellipsize="end" android:text="@string/register_phone_header" style="@style/Text.Header" />
</RelativeLayout>
<View style="@style/HeaderDivider" />
Each style can be found and modified in the file "styles.xml" located at \Whatsapp\res\values\styles
in this case, the style Header will attribute to the registerphone screen the following :
<item name="android:gravity">center_vertical</item>
<item name="android:background">@drawable/header_repeat</item>
<item name="androidaddingTop">2.0dip</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">@dimen/header_height</item>
You can chose to work with a style or not, you can chose to edit directly a style but be aware that this style might be used by another xml and modifiy consequently both parts.
in this example, the png for my header in the registerphone screen will be
android:background">@drawable/header_repeat which correspond to the header_repeat.xml
<bitmap android:src="@drawable/topbar_pattern" android:tileMode="repeat"
===> if you are following, you could avoid all this by changing from
<RelativeLayout style="@style/Header">
to
<RelativeLayout android:background="@drawable/topbar_pattern"
which is the same, except that the style allows you to add more settings in one command :
style="@style/Header"
is equal to
<item name="android:gravity">center_vertical</item>
<item name="android:background">@drawable/header_repeat</item>
<item name="androidaddingTop">2.0dip</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">@dimen/header_height</item>
Easy, right ?!
Same system for all the styles and you can add your own styles in the styles.xml
For all my versions, i added a couple of new styles in order to implement a diferent layout but will see that in next chapters.
• the text in the header will be defined by the style="@style/Text.Header"
style name="Text.Header" parent="@style/Text">
<item name="android:textSize">19.0sp</item>
<item name="android:typeface">sans</item>
<item name="android:textStyle">bold</item>
<item name="android:textColor">#ffffffff</item>
<item name="android:gravity">center</item>
<item name="android:layout_gravity">left|center</item>
<item name="androidaddingLeft">16.0dip</item>
<item name="androidaddingRight">16.0dip</item>
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:shadowColor">#ff333333</item>
<item name="android:shadowDx">0.0</item>
<item name="android:shadowDy">-1.0</item>
<item name="android:shadowRadius">1.0</item>
• <EditText android:textColor="#ff000000" android:textColorHint="#ff888888" android:gravity="center" android:id="@id/registration_phone"
will allow you to define the color for the digits you will enter in the field
• the text in the screen will be defined by the style="@style/Text.Description"
<style name="Text.Description" parent="@style/Text">
<item name="android:textSize">16.0sp</item>
<item name="android:typeface">sans</item>
<item name="android:textStyle">normal</item>
<item name="android:textColor">#ff33b5e5</item>
<item name="android:gravity">left</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:shadowColor">@color/white</item>
<item name="android:shadowDx">1.0</item>
<item name="android:shadowDy">1.0</item>
<item name="android:shadowRadius">0.0</item>
<item name="android:lineSpacingMultiplier">1.25</item>
<item name="android:textColor">#ff33b5e5</item> gives a ICS text colored for example
◘◘◘ Exactly the same works for the file registername.xml
this screen is the next after registering the phone number and will be modified with the same styles of registerphone.xml if you dont change it.

This is an amazingly detailed guide, thank you! I'll definitely try it out after I sort my papers & finish up my exams.
-----------------------
サンソングガラクシS II からタパトクで書いた。

Wow, you're the fist themer that realizes how big this if for people trying into themeing apks for android!!!
What a wonderful piece of tutorial here, thanks so much!!

Hey yorzua bro, you are a great person it seems. Such a detail guide even a noob can make a wonderful mod with this tutorial but what about people like me who has no time for making all this stuff b'coz of no time. I am doctor by profession and no time at all, working 8 days a week. Plz tell me the solution for person like me.
Sent from my GT-I9000 using Tapatalk

Please keep the thread on topic only
Yorzua said:
Please read carefully and test/do by yourself before to post in order to keep as clean as possible this interactive thread /SIZE][/CENTER]
Click to expand...
Click to collapse
Off-topic included
drshafi said:
Hey yorzua bro, you are a great person it seems. Such a detail guide even a noob can make a wonderful mod with this tutorial but what about people like me who has no time for making all this stuff b'coz of no time. I am doctor by profession and no time at all, working 8 days a week. Plz tell me the solution for person like me.
Click to expand...
Click to collapse
I am working 5 days per week ( 13 hours per day including public transport ) and i have no time but i find it if i really want it.
By the way, i had a solution for you here but not releasing my mods anymore since some leechers published and uploaded my work out there...
Happy theming

Tyrol said:
This is an amazingly detailed guide, thank you! I'll definitely try it out after I sort my papers & finish up my exams.
-----------------------
サンソングガラクシS II からタパトクで書いた。
Click to expand...
Click to collapse
Oh well, that's exactly what I was going to post.
@Yorzua Your work is just too good!!

conversations.xml / conversations_row.xml
Next screen after registering your phone number and your name will be the "Chats" screen
This screen is composed by conversations.xml and conversations_row.xml
To understand all the mechanism of those two xml's, you may preferably have some notions of how works a Layout in android.
As i said, the order of chapters may differ
I. Intro
II. Drawables
III. Gradients & Selectors
IV. Layout
V. Values & Manifest
VI. Tweaks & Updates
If you dont have notions at all about how works a Layout in android, i will try to simplify and clarify as more as possible sticking to the whatsapp architecture.
The "Chats" screen is a great example of simple layout we can work on to make it more unique and less boring than the stock one.
◘◘◘ Conversations.xml will allow you to mod the header part :
header
text
icons
• android:background="@null"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
• style="@style/Header"
Each style can be found and modified in the file "styles.xml" located at \Whatsapp\res\values\styles
in this case, the style Header will attribute to the Chats screen the following header settings :
<item name="android:gravity">center_vertical</item>
<item name="android:background">@drawable/header_repeat</item>
<item name="androidaddingTop">2.0dip</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">@dimen/header_height</item>
again, the png for my header in the Chats screen will be
android:background">@drawable/header_repeat which correspond to the header_repeat.xml
<bitmap android:src="@drawable/topbar_pattern" android:tileMode="repeat"
• The next layout ( <LinearLayout> blablablbalbaa </LinearLayout> ) will allow you to set the content of the header for Chats screen
In the stock apk, you get :
<LinearLayout android:gravity="left|center" android:id="@id/header_ll" android:layout_width="fill_parent" android:layout_height="fill_parent">
<TextView android:layout_gravity="left|center" android:text="@string/chats" style="@style/Text.HeaderCentered" />
<ImageView android:layout_gravity="top|right|center" android:id="@id/divider1" android:background="@drawable/divider" android:layout_width="wrap_content" android:layout_height="fill_parent" />
<ImageButton android:layout_gravity="right|center" android:id="@id/button_search" android:background="@null" android:layout_width="@dimen/header_height" android:layout_height="@dimen/header_height" android:src="@drawable/button_search" android:scaleType="center" style="@style/HeaderButton" />
<ImageView android:layout_gravity="top|right|center" android:id="@id/divider1" android:background="@drawable/divider" android:layout_width="wrap_content" android:layout_height="fill_parent" />
<ImageButton android:layout_gravity="right|center" android:id="@id/button_compose_chat" android:background="@null" android:layout_width="@dimen/header_height" android:layout_height="@dimen/header_height" android:src="@drawable/button_pen" android:scaleType="center" style="@style/HeaderButton" />
</LinearLayout>
Which correspond to
In my XL versions, i changed this order for this one
==> Notice that you can erase the dividers between the icons by :
editing the png divider1.png located in \res\drawable-hdpi ( blank png )
or
changing android:background="@drawable/divider" by android:background="@null"
• <ScrollView android:id="@id/conversations_empty" android:background="@drawable/background_repeat"
will allow you to set a background for the Chats screen when not enough conversations are running to fill the screen so a background is required
You can set android:background="@null" for no background
You can even delete this option or to set a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
• the last layout of conversations.xml will allow you to set the welcome screen
LinearLayout androidrientation="vertical" androidaddingLeft="@dimen/horizontal_padding" androidaddingRight="@dimen/horizontal_padding" android:layout_width="fill_parent" android:layout_height="fill_parent">
<ImageView android:layout_gravity="center" androidaddingTop="50.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/circlepenicon" />
<TextView android:textSize="22.0sp" android:textStyle="bold" androidaddingTop="20.0dip" androidaddingBottom="3.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/welcome" style="@style/Text" />
<TextView android:textSize="14.0sp" android:id="@id/welcome_message" androidaddingBottom="50.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/welcome_message" style="@style/Text" />
</LinearLayout>
same than usual, you can edit the text
android:textSize="22.0sp"
android:textStyle="bold
you can edit the content of the text
android:text="@string/welcome_message" located in \res\values
in my case,
<string name="welcome_message">Para empezar a enviar mensajes a los contactos que ya tengan WhatsApp en su móvil, toque el icono de la esquina superior derecha.</string>
Congratulations, you just learn how to mod the header for the Chats screen
This method works for all the headers you will find in each screen.
----------------------- ----------------------------
We need now to mod the next part of the screen which are the rows corresponding of the running chats
◘◘◘ Conversations_row.xml will allow you to mod the rows part :
contact picture
name picture
date
last message
• android:layout_height="@dimen/conversations_row_height"
will allow you to change the height of the row which drives you to the dimens.xml located in \res\values
<dimen name="conversations_row_height">67.0dip</dimen>
• android:id="@id/contact_photo" android:layout_width="@dimen/imageview_size" android:layout_height="@dimen/imageview_size"
will allow you to change the height & width of the contact picture of the row which drives you to the dimens.xml located in \res\values
<dimen name="imageview_size">50.0dip</dimen>
==> in this case,the height of the row is 67.0dip so bigger than the height of the contact picture with 50.0dip but you can set the same in order to make perfectly fit the picture inside the row like this
• <com.whatsapp.TextEmojiLabel android:id="@id/conversations_row_contact_name"
will allow you to mod the contact name
android:textSize="18.0sp"
android:textStyle="bold"
android:textColor="#ffffffff"
You will be able to create a style or not
• <TextView android:id="@id/conversations_row_date"
will allow you to mod the date of the conversation
android:textSize="@dimen/conversation_date_size"
android:textColor="#ff999999"
You will be able to create a style or not
• <com.whatsapp.TextEmojiLabel android:id="@id/msg_from_tv"
will allow you to mod the last message sent in the conversation
android:textSize="13.329987sp"
android:textColor="#ff999999"
You will be able to create a style or not
• <com.whatsapp.TextEmojiLabel android:id="@id/single_msg_tv"
same story for this one
android:textSize="13.329987sp"
android:textColor="#ff999999"
You will be able to create a style or not
• <com.whatsapp.UnreadMsgIndicator android:id="@id/conversations_row_message_count"
will allow you to mod the counter for the messages not read yet in the conversation
A style is already setup for this @id ( style="@style/Text" ) but you will be able to create another style or not
Like show the example :
Last point, the dividers between each row can be mod on the end of conversations_row.xml :
<View android:background="@drawable/gradient" android:layout_width="fill_parent" android:layout_height="1.0px" android:layout_alignParentBottom="true" />
<View android:background="@drawable/gradient" android:layout_width="fill_parent" android:layout_height="1.0px" android:layout_alignParentTop="true" />
• android:background="@drawable/gradient"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
in my case, i did use diferent solutions for each of my versions
you can create a new xml called for example "gradient.xml " with :
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#ff000000" android:endColor="#ff000000" android:angle="0.0" android:centerColor="#ffffffff" />
</shape>
==> android:background="@drawable/gradient" will take the values from gradient.xml and gives an interesting result like this :
•◘○ After all those points explained, the most curious of you will ask me where we can mod the dark & light background color to get alternative rows
Well, i will explained it in another chapter but for those who cant wait _ you will find it \res\drawable-hdpi\
selector_orange_gradient_on_beige
selector_orange_gradient_on_gray
Both will allow you to mod the background color changing the last gradient :
<item>
<shape>
<gradient android:startColor="#ff000000" android:endColor="#ff333333" android:angle="90.0" />
</shape>
</item>
</selector>
It can be a simple gradient with 2 colors :
It can be a gradient with 3 colors :
It can be a gradient with 2 similar starting colors in both xmls :
Happy theming

Unable to download latest mod via mediafire. It says file set to private. Help plz
Sent from my GT-I9000 using Tapatalk

No links
drshafi said:
Unable to download latest mod via mediafire. It says file set to private. Help plz
Click to expand...
Click to collapse
This thread is a Tutorial, no link have been posted here to share.
Please read carefully OP before to post ( 2nd warning )

contact_picker.xml / contact_picker_row.xml
You have now few ways from the Chats screen but to keep the dinamic of this tutorial, lets say you want to pick up a contact in your contact list for a new chat :
Next screen will be the "My contacts" screen
As for Chats screen ( header + rows ), this screen is composed by contact_picker.xml and contact_picker_row.xml
If you dont have notions at all about how works a Layout in android, i will try to simplify and clarify as more as possible sticking to the whatsapp architecture.
The "My contacts" screen is a great example of simple layout we can work on to make it more unique and less boring than the stock one.
◘◘◘ contact_picker.xml will allow you to mod the header part :
header
text
icons
• android:background="@null"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
• style="@style/Header"
Each style can be found and modified in the file "styles.xml" located at \Whatsapp\res\values\styles
in this case, the style Header will attribute to the Chats screen the following header settings :
<item name="android:gravity">center_vertical</item>
<item name="android:background">@drawable/header_repeat</item>
<item name="androidaddingTop">2.0dip</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">@dimen/header_height</item>
again, the png for my header in the Chats screen will be
android:background">@drawable/header_repeat which correspond to the header_repeat.xml
<bitmap android:src="@drawable/topbar_pattern" android:tileMode="repeat"
• The next layout ( <LinearLayout> blablablbalbaa </LinearLayout> ) will allow you to set the content of the header for Chats screen
In the stock apk, you get :
<LinearLayout android:gravity="left|center" android:id="@id/header_rl" android:layout_width="fill_parent" android:layout_height="fill_parent">
<TextView android:ellipsize="end" android:layout_gravity="left|center" android:text="@string/whatsapp_contacts" android:maxLines="1" android:lines="1" android:singleLine="true" style="@style/Text.HeaderCentered" />
<ImageView android:layout_gravity="top|right|center" android:id="@id/divider1" android:background="@drawable/divider" android:layout_width="wrap_content" android:layout_height="fill_parent" />
<ImageButton android:layout_gravity="right|center" android:id="@id/button_help" android:background="@null" android:layout_width="@dimen/header_height" android:layout_height="@dimen/header_height" android:src="@drawable/button_help" android:scaleType="center" style="@style/HeaderButton" />
<ImageView android:layout_gravity="top|right|center" android:id="@id/divider2" android:background="@drawable/divider" android:layout_width="wrap_content" android:layout_height="fill_parent" />
<ImageButton android:layout_gravity="right|center" android:id="@id/button_search" android:background="@null" android:layout_width="@dimen/header_height" android:layout_height="@dimen/header_height" android:src="@drawable/button_search" android:scaleType="center" style="@style/HeaderButton" />
</LinearLayout>
Which correspond to
In my XL versions, i changed this order for this one
==> Notice that you can erase the dividers between the icons by :
editing the png divider1.png located in \res\drawable-hdpi ( blank png )
or
changing android:background="@drawable/divider" by android:background="@null"
Here is no need to setup a scrollview as the list of contacts should be never empty _ all your whatsapp contacts would/should fill the height of a screen.
If not, the last part of the contact_picker.xml defines what comes in the empty space :
<View style="@style/HeaderDivider" />
<ListView android:id="@android:id/list" android:layout_width="fill_parent" android:layout_height="0.0dip" android:cacheColorHint="@color/background" android:divider="@color/divider_gray" android:dividerHeight="1.0px" android:choiceMode="singleChoice" android:layout_weight="1.0" />
<include android:id="@id/contacts_empty" android:layout_below="@id/conversation_header" layout="@layout/empty_tell_a_friend" />
<LinearLayout android:id="@id/footer" android:background="@drawable/contactpicker_bar_repeat" androidaddingTop="4.0dip" androidaddingBottom="4.0dip" android:layout_width="fill_parent" android:layout_height="@dimen/header_height">
<ImageButton android:ellipsize="end" android:id="@id/groups_btn" android:background="@drawable/contactpicker_button" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_marginLeft="5.0dip" android:layout_marginRight="2.5dip" android:src="@drawable/groups" android:layout_weight="1.0" />
<ImageButton android:id="@id/contacts_btn" android:background="@drawable/contactpicker_button_pressed" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_marginLeft="2.5dip" android:layout_marginRight="5.0dip" android:src="@drawable/people" android:layout_weight="1.0" />
</LinearLayout>
</LinearLayout>
You are now more familiar with terms like
○ android:background="@drawable/
○ android:divider="@color/
○ style="@style/HeaderDivider"
I will explain deeper the rest of the codes in the Chapter IV. Layout
Congratulations, you just learn how to mod the header for the Chats screen
This method works for all the headers you will find in each screen.
----------------------- ----------------------------
We need now to mod the next part of the screen which are the rows corresponding of the contacts list
◘◘◘ Conversations_row.xml will allow you to mod the rows part :
contact picture
contact name
phone type
contact status
• android:layout_height="@dimen/conversations_row_height"
will allow you to change the height of the row which drives you to the dimens.xml located in \res\values
<dimen name="conversations_row_height">67.0dip</dimen>
• android:id="@id/contact_photo" android:layout_width="@dimen/imageview_size" android:layout_height="@dimen/imageview_size"
will allow you to change the height & width of the contact picture of the row which drives you to the dimens.xml located in \res\values
<dimen name="imageview_size">50.0dip</dimen>
==> in this case,the height of the row is 67.0dip so bigger than the height of the contact picture with 50.0dip but you can set the same in order to make perfectly fit the picture inside the row like this
• android:id="@id/contactpicker_row_name"
will allow you to mod the contact name
android:textSize="18.0sp"
android:textStyle="bold"
android:textColor="#ffffffff"
You will be able to create a style or not
• android:id="@id/contactpicker_row_phone_type"
will allow you to mod the type of the contact phone number ( can be mobile/other/etc )
android:textSize="12.0sp"
android:textColor="#ff999999"
android:gravity="right|center"
With the gravity, you can chose where to fit the @id/
You will be able to create a style or not
• android:id="@id/contactpicker_row_status"
will allow you to mod the status set as shown on the screenshot
android:textSize="14.0sp"
android:textStyle="normal"
android:textColor="#ff999999"
You will be able to create a style or not
Last point, the dividers between each row can be mod on the end of contact_picker_row.xml :
</LinearLayout>
<View android:id="@id/contact_picker_divider_lower" android:background="@drawable/gradient" android:layout_width="fill_parent" android:layout_height="1.0px" android:layout_alignParentBottom="true" />
<View android:id="@id/contact_picker_divider_upper" android:background="@drawable/gradient" androidaddingBottom="2.0dip" android:layout_width="fill_parent" android:layout_height="1.0px" android:layout_alignParentTop="true" />
</RelativeLayout>
• android:background="@drawable/gradient"
will allow you to change the background by changing to a solid color "#ffrrggbb" or a gradient ="@drawable/gradient" or a transparent background ( will see that in another chapter )
in my case, i did use diferent solutions for each of my versions
you can create a new xml called for example "gradient.xml " with :
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#ff000000" android:endColor="#ff000000" android:angle="0.0" android:centerColor="#ffffffff" />
</shape>
==> android:background="@drawable/gradient" will take the values from gradient.xml and gives an interesting result like this :
Or no divider at all :
•◘○ After all those points explained, the most curious of you will ask me where we can mod the dark & light background color to get alternative rows
Well, i will explained it in another chapter but for those who cant wait _ you will find it \res\drawable-hdpi\
selector_orange_gradient_on_beige
selector_orange_gradient_on_gray
Both will allow you to mod the background color changing the last gradient :
<item>
<shape>
<gradient android:startColor="#ff000000" android:endColor="#ff333333" android:angle="90.0" />
</shape>
</item>
</selector>
It can be a simple gradient with 2 colors :
It can be a gradient with 3 colors :
It can be a gradient with 2 similar starting colors in both xmls :
Happy theming

Yorzua said:
This thread is a Tutorial, no link have been posted here to share.
Please read carefully OP before to post ( 2nd warning )
Click to expand...
Click to collapse
Hey yorzua bro i know that i have to post in relevant thread but your Whatsapp mod thread is closed now and i desperately want the latest mod of yours that is why i posted here. Sorry for that but truly loving your mods
Sent from my GT-I9000 using Tapatalk

dead links, cant view any images

fananthony said:
dead links, cant view any images
Click to expand...
Click to collapse
Images show up just fine for me.
-----------------------
サンソングガラクシS II からタパトクで書いた。

II. Drawables
Drawables are an important part to do not forget for themers and Whatsapp.apk contains 634 png and 9.png files to mod with graphic tools.
For those who are afraid to deal with 9.png files, i did post a full tutorial which explain you clearly the steps to create a new one or to mod an existing one :
How to create your 9.png !
Here is the main process :
I will guide you into the famous 9.png creation
First rule before to start how to learn to theme your device :
Always make a backup of the files you are about to edit or do a nandroid backup.
If anything goes wrong you will get a bootloop.
☺ TOOLS you must have ☺
1. PHOTOSHOP / GIMP http://www.gimp.org/downloads
or a good alternative for those who are rookies in Adobe products : PAINT.NET http://www.paint.net
or any other Graphics editor you like to use of your choice.
2. DRAW 9-PATCH http://developer.android.com/sdk/index.html
You will find it in your SDK starter package ( android sdk/tools )
The Draw 9-patch tool allows you to easily create a NinePatch graphic using a WYSIWYG editor.
3. xUltimate-d9pc.exe http://lmgtfy.com/?q=xUltimate-d9pc
Basically you will need to compile the edited 9.png to Draw9Patch Compiler
*****
Now let's play with your pics in the graphic editor of your choice :
your 9.png's files would be in <drawable/drawable-hdpi> folder' apk
When you are done editing your image,
you can open it in the draw9patch tool to verify that it stretches properly.
Here is the most important part of the 9.png creation.
You need to define 2 parts :
* Stretch part ( always left and up side )
* Content part ( always right and bottom side )
When you are done stretching your image,
you can open it in the 9.png compiler tool to compile it properly.
you notice the 1pixel border created for the stretcheable 9.png
Place your files in example1/drawable-hdpi
Execute the xUltimate-d9pc.exe
If you defined properly your 9.png,
you must find no errors and you can hear a "peeep"
Compiled ready files are in /Done folder
When you are done compiling your image,
you can see that the 1pixel border disappeared.
Use 7-ZIP http://www.7-zip.org
(an open source file archiver with a high compression ratio)
to drag your files into the apk !
Source : androidbyyorzua
Congatulations, you can enjoy your work ​
-----------------------------------------------------------------
Stock Whatsapp.apk contains in total 15 9.png's files _ here are the ones you can start on :
date_balloon.9
(this one define the date/actions bubble chat for every single/group chat )
gray_bubble.9
(this one define the bubble chat for your contact replies/answers )
gray_bubble_body.9
gray_bubble_bottom.9
gray_bubble_top.9
(those 3 define the bubble chat for the group chat )
green_bubble.9
(this one define the bubble chat for your replies/answers )
Here is an example of group chat with gray_bubble_body.9 / gray_bubble_bottom.9 / gray_bubble_top.9 all made separately
You can see the bubbles doesnt exactly fit all 3 together so i strongly suggest you to work those 3 files at the same time :
Here the result is much better
Obviously, you are free to add more 9.png files to Whatsapp.apk as i do for most of my versions ( depending on the design you want to achieve, png are not sufficient as they are not stretchable by definition )
If it is the case, i will show you how to add those additional drawables in another article
Be aware that drawables values ( color/transparency ) are independent from xml's/smali's setup but position/background/size/text must be considered as for final result in the screen.
Especially for 9.png which are stretchable graphics, you should pay attention to all the parameters and not only to the graphic edition when creating them with Photoshop/Gimp/etc.
Even backgrounds may give a total diferent result to your graphics :
Textures would be very nice to add for the bubbles but extremely tricky when it comes to stretch the workable surface :
Forget inside shadows as you may get this result :
9.png's are the tricky part but you should pay attention to the rest of png's which are the major part of whatsapp drawables.
The header may be a solid color defined by the previous xml's explained in my articles but could be a nice customized png :
Same for the rest of the icons
Emoji's are nice to mod even if you will be the only one to see the result in the bubbles _ both contacts must have the same whatsapp mod to see the same emoji !
Whatsapp.apk display 3 diferent whatsapp logos which are nice to mod for a great touch :
Note that the 2 files "background" and "background_landscape" are not png but JPG files (480x800) so don't forget to save them as *.jpg to enjoy the result :
Not much to explain for the rest except that stock whatsapp.apk gives you a pretty ugly menu icons which doesnt really fit with android 4.0 ICS look so feel free to mod the files starting by :
"ic_menu.....png"
Here is the stock menu :
and here is my modded menu :
This is pretty much everything in whatsapp _ still so many projects and ideas i have got but had to close my own whatsapp thread after my work uploaded without my permission all around the web ...
I still get my [Graphics] ░█░ Design Factory ░█░ thread open so feel free to ask for any advice on graphics if you feel it
Please don't ask here for special graphic requests _ keep the thread clean for those who follows the full picture [ thank you ]
Happy theming, happy modding

Thanks for the guide dude! I'm doing well theming it to somewhat match the ICS Messaging app
I know your guide is not finished but could you point me out to where i can change the font colors for the chat messages? (During chat with a person)
I want to try theming the 9.pngs for the bubbles but the colors are clashing with the default font

[GUIDE][4.4.x][4.2.x]Theming Android SystemUI

This is a simple guide to understand how to theme systemui.apk on 4.4.x OR 4.2.x, this guide will work for any rom having aosp like user interface. Before you start reading this, you have to set up apktool correctly. Just to check if your apktool is correctly installed, you can decompile my DarkL rom's systemui.apk and then recompile it without making any changes, if it compiles successfully then you are ready to try this tutorial.
Also, you need notepad++ to edit xml or smali line by line and you need gimp to edit transparent pngs.
Now we will learn easy things first then move to more advanced things, so lets start with statusbar icons first, I'll add more things in this tutorial in coming days, Sorry, I'm lazy to type
1.Changing statusbar icons (Signal, wifi, alarm, vibration or silent icons etc.)-
First decompile your systemui and go to "/systemui/res/" folder.
Changing the statusbar icons is easiest, these are pngs located in /res/drawable-hdpi/ OR /res/drawable-xhdpi/ depending on your device resolution, if it's 480*800 then your device is hdpi else if your resolution is 1280*720 then your device is xhdpi. You need to make changes in the correct folder.
Now open your folder /res/drawable-hdpi/ OR /res/drawable-xhdpi/ and look for pngs starting with name "stat_sys_.....png"
For wifi icon, we have "stat_sys_wifi_signal_1_fully.png" , "stat_sys_wifi_signal_2_fully.png" and so on, till "stat_sys_wifi_signal_4_fully.png".
For signal icons, we have "stat_sys_gemini_signal_1_orange.png" , 2_orange , 3_orange and so on, If your device is dual sim, you have multi colored signals, orange, purple, green, blue, look for the appropriate png and edit/replace it.
View attachment 3208547
Similarly, all the icons appearing in your statusbar are present here, all start with "stat_sys_.....png" you can edit these pngs or replace them from an existing theme or rom.
Warning - Ask permissions from the developer of that rom/theme !!
Just to learn things, you can use my DarkL rom's systemui.apk and take pngs from it
2.Changing notification drawer background-
The semi transparent background of your notification drawer is a png located in /res/drawable-hdpi/ or /res/drawable-xhdpi/ according to your device resolution. You need to make changes in the correct folder for your device.
Now find "notification_panel_bg.9.png" in your folder, this is the notification background, I recommend you to rename it to "notification_panel_bg.png" because .9 pngs have a border and are tricky to edit.
Now right click on this png and edit it with gimp, erase it and fill any color you want to.
View attachment 3208550
3.Customizing quicksettings tiles (icons, background and gaps)-
Firstly, to change quicksettings icons like wifi, data, rotation, bluetooth etc. Go to correct folder according to your device /res/drawable-xhdpi/ OR /res/drawable-hdpi/ now you need to replace/edit the pngs starting with "ic_qs_....png" , all of them are for quicksettings.
View attachment 3208555
Similarly, all the icons appearing in your statusbar are present here, all start with "ic_qs_.....png" you can edit these pngs or replace them from an existing theme or rom.
Warning - Ask permissions from the developer of that rom/theme !!
Just to learn things, you can use my DarkL rom's systemui.apk and take pngs from it
Now, to change background of tiles, you have to edit "/res/drawable/qs_tile_background.xml", you need to know the hex codes of your desired color to edit them, use this website to convert RGB to hex or reverse.
Now open "/res/drawable/qs_tile_background.xml" and look for the two hex codes, first one is for pressed tile, second one is for normal tile. Erase the last 6 characters here and Put your own 6 character hex code of any color.
View attachment 3208558
Now to edit dimensions in systemui like gaps between quicksettings tiles and size of recent apps, open "/res/values/dimens.xml"
This file contains the size of various things, you can play with the values and maybe discover something awesome, below are few things you can try, just alter the blue colored value.
These two lines are for changing the size of recent apps-
Code:
[COLOR="red"] <dimen name="status_bar_recents_thumbnail_width">164.0dip</dimen>
<dimen name="status_bar_recents_thumbnail_height">145.0dip</dimen>[/COLOR]
This line for changing gap between two notifications-
Code:
[COLOR="red"] <dimen name="notification_divider_height">3.0dip</dimen>[/COLOR]
(To remove gap, put 0.0dip)
This line for changing gap between quicksettings tiles-
Code:
[COLOR="red"]<dimen name="quick_settings_cell_gap">3.0dip</dimen>[/COLOR]
Similarly, you can try changing anything here to resize various things in your notifications and quicksettings, It's time consuming but interesting.
4.Changing layout of clock in notification header-
Usually, the notification header of stock rom's systemui has clock in this format-
View attachment 3208560
I feel that It's a bit too long, So I'll tell a method to make it double line-
View attachment 3208574
To do this, firstly you need to increase the height of notification header, go to "res/values/dimens.xml" and find this line-
Code:
[COLOR="red"]<dimen name="notification_panel_header_height">40.0dip</dimen>[/COLOR]
Change the value here to 56dpi
Now, to make the clock double line, open "/res/layout/status_bar_expanded_header.xml" and find this code-
Code:
<LinearLayout android:enabled="false" android:gravity="center_vertical" android:orientation="vertical" android:id="@id/datetime" android:paddingLeft="3.0dip" android:paddingRight="0.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="2.0dip" android:singleLine="true" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="2.0dip" android:singleLine="true" />
</LinearLayout>
See the tags LinearLayout, Just change it to RelativeLayout both above and below.
Code:
<RelativeLayout android:enabled="false" android:gravity="center_vertical" android:orientation="vertical" android:id="@id/datetime" android:paddingLeft="3.0dip" android:paddingRight="0.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent">
<com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Clock" android:id="@id/clock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="2.0dip" android:singleLine="true" />
<com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Expanded.Date" android:id="@id/date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="2.0dip" android:singleLine="true" />
</RelativeLayout>
Thank you for reading, more things I'll add later, too tired to type more.

Reserved
More to come

Very Nice guide.
Regards

Nice work, looking forward for more such helpful guides. :good:

How can I change the navbar (background & icons)?

If I am only interested in changing the icons (such as alarm icon, Bluetooth icon) , do I need to decompile the APK?
I tried to drag the pngs I wanted into the appropriate folder.
I can see that it is working, but not sure if it has any adverse effects.
Any advice?

albel said:
If I am only interested in changing the icons (such as alarm icon, Bluetooth icon) , do I need to decompile the APK?
I tried to drag the pngs I wanted into the appropriate folder.
I can see that it is working, but not sure if it has any adverse effects.
Any advice?
Click to expand...
Click to collapse
Yes, but drag and drop has limitations, you can only replace normal pngs but not .9 pngs, It's fine for you since statusbar icons are normal pngs only, they are not .9 pngs.

Mmmh!!! this is quiet new and much detailed. Big ups for the guide.

nicely done..thanks for your brilliant work..keep it up

Request
Can you add method to add brightness slider?

mr-illusionist said:
Can you add method to add brightness slider in kitkat roms?
Click to expand...
Click to collapse
Yes, I'll write about adding features in second post soon, I've also attached my rom's SystemUI.apk, you can decompile it and see /res/xml/notification_header_expanded.xml till then.

Plz can you add some information about . changing position of signal bars and WiFi from right to left ??
If yes then it will be very great of you .... Thanks in advance
Sent from my UF2021 using XDA Free mobile app

please i want to change this color
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
to this
wish xml file must be changed ?
sorry for my english

umangleekha said:
Yes, I'll write about adding features in second post soon, I've also attached my rom's SystemUI.apk, you can decompile it and see /res/xml/notification_header_expanded.xml till then.
Click to expand...
Click to collapse
Waiting for it bro. :good:

Do you have any method to insert brightness slider bar on systemui?

Subscribed..!! Thanx for this wonderful guide.. Waiting for the next part..

[CM12/12.1][THEME][Dark][BIG Update 29/06] Esper ( Formely Xero™ ) [ V 2.1 ]

{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
With a fascinating Dark blue tone, Introducing A new CM12/12.1 Theme, Esper​
Esper has been themed so perfectly it changes the look of your phone and give u a cutting edge dark look with a tone of blue.
Please make sure you are on latest version of CM12/12.1 build before installing the app. This theme will only work with CM theme engine.
What's Themed :
* Setings
* Dialer
* Contacts
* Calculator
* Launcher Trebuchet
* SystemUI.
* Lockscreen
* Notifications
* Dialogs
* Fonts
* Alarms
* Notifications
* Ringtone
* CM File Manager
* Aosp Keyboard
* System Wide Navigation Bar
* Wallpapers
* Quick Settings
* Cyanogenmod Music
* Cyanogenmod Theme Manager
* Icons
*Google Apps
*Many More
+ MORE COMING SOON
Install the theme and feel it yourself. Your phone has been reborn. It has been minded already to provide you the best out of your phone. It simply elegant.
It supports upto multiple resolution devices.
Note :
After every update please reboot the phone to make sure it works properly.
It works perfectly on stock CM12/12.1. If you face any element unthemed, its totally of a custom Cm12.1/12 based rom.
Screenshots :
Download :
You can have this theme for free on Xda
http://d-h.st/PHH6 V1
http://d-h.st/IiZo V 1.1
Please, who have bought google play version, update from google play only, otherwise signature will conflict and those who have downloaded from mirror, please Install mirror apk only.
V 2.0 : http://d-h.st/MRrY
V2.0.1 : http://d-h.st/Wqlk
V2.1 Latest Update :
http://d-h.st/5v2E
If You liked the theme you can donate me by buying on Google play :good::laugh:
https://play.google.com/store/apps/details?id=se.balraj.Xero
Changelog :
V1.0 Initial Release [22/05]
V1.1 Fixed Settings/Sounds Icon colors, Fixed Black text In Gmail Notifications [ Still that Archive/Delete button text is the same. Its hard to fix that.].
Please reboot after updating the theme.
V 2.0 Fixed InCall Dialpad Color
New Framework Styles
New Check Buttons
Misc Bug Fixes.
V 2.0.1
Added Support for CM Eleven ( Music )
Fixed Un-Themed Icons in settings
Themed new icons to support various custom roms like blisspop, resurection, etc.
Added New Font.
New Icon For Theme.
V 2.1
BIG UPDATE :
Fixed Sounds Icon in Settings ( For Builds after july 15th It may or may not work)
Added support for Various roms like AOSIP, carbon , vm, temasaek, fibre,prd etc...
Themed Facebook
Themed Whatsapp
Themed Instagram
Re-Themed Hangouts
Themed Google Camera
Themed Google Keyboard
Themed LockClock
Re-Themed MMS ( Now Dark )
Misc Fixes

Reserverd
+ More Colors Coming Up Soon. Please Support my development If you liked it and Rate accordingly on google play and Give Some reviews without hesitation. I would love to Improve the things you want to see in next versions. My themes will be always free on XDA. Please try it. Thanks

Awesome
Enviado desde mi Moto G usando Tapatalk 2

more theming
Hey buddy.......your theme is awsm can u theme signal ,battery? On statusbar it wil look more cool

argo7 said:
Awesome
Enviado desde mi Moto G usando Tapatalk 2
Click to expand...
Click to collapse
Thanks bro You will see more in future :good:

verma.arun833 said:
Hey buddy.......your theme is awsm can u theme signal ,battery? On statusbar it wil look more cool
Click to expand...
Click to collapse
Thanks bro and Yeah sure thanks that you came up with this idea. Will surely do ASAP.:good:

@balrajs99
4 bug reports here, first 3 have to do with gmail notifications.
1. When receiving multiple emails you don't see the name of the sender of the emails in the notification dropdown, see screenshot one.
2. When deleting an email from the dropdown notification, the word "delete" is dark grey on black or something, almost impossible to see, see screenshot two.
3. When receiving 1 email notification in the dropdown, you can't see the title of the email, see screenshot 3.
4. When you go into settings > sound, the icons infront of the sliders are black on dark grey, see screenshot 4.
It seems the first 3 are related, hope you can fix them.
For the rest I haven't seen any other bugs so far.

nerotix said:
@balrajs99
4 bug reports here, first 3 have to do with gmail notifications.
1. When receiving multiple emails you don't see the name of the sender of the emails in the notification dropdown, see screenshot one.
2. When deleting an email from the dropdown notification, the word "delete" is dark grey on black or something, almost impossible to see, see screenshot two.
3. When receiving 1 email notification in the dropdown, you can't see the title of the email, see screenshot 3.
4. When you go into settings > sound, the icons infront of the sliders are black on dark grey, see screenshot 4.
It seems the first 3 are related, hope you can fix them.
For the rest I haven't seen any other bugs so far.
Click to expand...
Click to collapse
Thanks for reporting. I have already fixed that Settings icons bug, but still that gmail bug left. I'm finding a solution, I'll try to fix it ASAP. and the next bugfree version will be out soon .

Update V1.1 :
Fixed Settings/ Sounds Icon Colors.
Fixed Gmail Notification Colors. Please read OP.
Download from OP and please support my work by buying and rating on Google Play. Thanks, have a great day enjoy

balrajs99 said:
Update V1.1 :
Fixed Settings/ Sounds Icon Colors.
Fixed Gmail Notification Colors. Please read OP.
Download from OP and please support my work by buying and rating on Google Play. Thanks, have a great day enjoy
Click to expand...
Click to collapse
Thanks for the update. I read in the OP about the gmail deleted thingy, ask @nicholaschum about it, he knows everything about theming, he's the themegod

nerotix said:
Thanks for the update. I read in the OP about the gmail deleted thingy, ask @nicholaschum about it, he knows everything about theming, he's the themegod
Click to expand...
Click to collapse
Ok. Please if you can, rate on google play about my theme

balrajs99 said:
Ok. Please if you can, rate on google play about my theme
Click to expand...
Click to collapse
Will do
@nicholaschum don't be a stranger and join this thread OP needs some info I think I made a bug report with 4 screenies and he has a hard time figured screenshot 2 out.

nerotix said:
Thanks for the update. I read in the OP about the gmail deleted thingy, ask @nicholaschum about it, he knows everything about theming, he's the themegod
Click to expand...
Click to collapse
nerotix said:
Will do
@nicholaschum don't be a stranger and join this thread OP needs some info I think I made a bug report with 4 screenies and he has a hard time figured screenshot 2 out.
Click to expand...
Click to collapse
Nah, I'm not a theme god, I'm just an avid themer who loves helping other people
balrajs99 said:
Update V1.1 :
Fixed Settings/ Sounds Icon Colors.
Fixed Gmail Notification Colors. Please read OP.
Download from OP and please support my work by buying and rating on Google Play. Thanks, have a great day enjoy
Click to expand...
Click to collapse
What does your gmail v21-styles look like?
This is how mine looks like:
XML:
<style name="NotificationPrimaryText">
<item name="android:textColor">@color/primary_text</item>
</style>
<style name="NotificationSecondaryText">
<item name="android:textColor">@color/secondary_text</item>
</style>
Depending on some roms, this will reflect differently. For example, on some roms notification colors are purple and yellow.
This is my Gmail normal styles:
XML:
<style name="AbstractComposeArea">
<item name="android:background">@android:color/black</item>
<item name="android:layout_gravity">center_horizontal</item>
<item name="android:layout_height">fill_parent</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:animateLayoutChanges">true</item>
</style>
<style name="ComposeTheme" parent="@android:style/Theme.Material" />
<style name="DraftTextAppearance">
<item name="android:textColor">@color/text_color_draft_red</item>
<item name="android:textStyle">bold</item>
</style>
<style name="MailActivityTheme">
<item name="android:windowBackground">@android:color/black</item>
</style>
<style name="Platform.AppCompat.Light" parent="@android:style/Theme.Material">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
</style>
<style name="Platform.AppCompat.Light.Dialog" parent="@android:style/Theme.Material.Dialog">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
</style>
You can take that and play around.
IF it still doesn't work, your framework isn't themed completely, and/or your SystemUI overlay.
Do inform back if the above works, I may have other things up my sleeve.

@balrajs99 you forgot 1 icon in the sound settings, see screenshot.

Good theme bro.
Happy to see cm12 themes from you.
Still remember your good themes for s,ion and acro.
Thanks.[emoji106]

Can I use this theme with hk theme manager...pls reply me fast....

You tube - search and menu not visible

nicholaschum said:
Nah, I'm not a theme god, I'm just an avid themer who loves helping other people
What does your gmail v21-styles look like?
This is how mine looks like:
XML:
<style name="NotificationPrimaryText">
<item name="android:textColor">@color/primary_text</item>
</style>
<style name="NotificationSecondaryText">
<item name="android:textColor">@color/secondary_text</item>
</style>
Depending on some roms, this will reflect differently. For example, on some roms notification colors are purple and yellow.
This is my Gmail normal styles:
XML:
<style name="AbstractComposeArea">
<item name="android:background">@android:color/black</item>
<item name="android:layout_gravity">center_horizontal</item>
<item name="android:layout_height">fill_parent</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:animateLayoutChanges">true</item>
</style>
<style name="ComposeTheme" parent="@android:style/Theme.Material" />
<style name="DraftTextAppearance">
<item name="android:textColor">@color/text_color_draft_red</item>
<item name="android:textStyle">bold</item>
</style>
<style name="MailActivityTheme">
<item name="android:windowBackground">@android:color/black</item>
</style>
<style name="Platform.AppCompat.Light" parent="@android:style/Theme.Material">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
</style>
<style name="Platform.AppCompat.Light.Dialog" parent="@android:style/Theme.Material.Dialog">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
</style>
You can take that and play around.
IF it still doesn't work, your framework isn't themed completely, and/or your SystemUI overlay.
Do inform back if the above works, I may have other things up my sleeve.
Click to expand...
Click to collapse
It still didnt work

dhruvmu said:
Good theme bro.
Happy to see cm12 themes from you.
Still remember your good themes for s,ion and acro.
Thanks.[emoji106]
Click to expand...
Click to collapse
Thanks and I'll fix that Youtube bug.

Henry Phlims said:
Can I use this theme with hk theme manager...pls reply me fast....
Click to expand...
Click to collapse
I never tried it so couldnt tell it.