Post Reply

[NOOB GUIDE][MAKE YOUR OWN THEME][THEME ANY TW ROM EASILY]

OP Vivek_Neel

24th March 2014, 06:28 PM   |  #1  
Vivek_Neel's Avatar
OP Recognized Contributor / Themer
Flag chennai
Thanks Meter: 19,453
 
7,582 posts
Join Date:Joined: Dec 2012
Donate to Me
More
***NOOB THEMING GUIDE***
Code:
So People,This thread will guide u to make your own theme from the scratch in easiest way.., If you are good at photoshop then theming is nothing once if u come to know what has to be edited..
But How would You know which pngs and thier location?:confused:, For that only this thread is born.

TOPICS COVERED:
Code:
 
#Stuffs Required For Theming #Changing Icons of Few System apks #Editing SystemUI.apk #Editing Framework-res.apk #Editing lidroid-res.apk

STUFFS REQURIED FOR THEMING:
Code:
#Apktool or any other similar tool which can decompile/recompile apks #Adobe Photoshop/Paint/Gimp #.9.png compiler (I use 9 compiler tool) #7zip tool #Morph/Vrtheme tool #Some basic knowledge about editing tools which are above mentioned #Most Important is Patience

CHANGING ICONS OF FEW SYSTEM APKS:
1. ClockPackage.apk

*I assume u guys are familiar with Morph/Vrtheme tool..so create a folders ClockPackage.apk/res/drawable-sw320dp-hdpi
*Open ClockPackage.apk from any rom in 7 zip as shown in the Screenshot and drag/drop the res/drawable-sw320dp-hdpi

*Search for icon.png and open it in any editing tool..look for the layer boundary size as shown in the fig..for e.g i use gimp

*Create a icon of same layer boundary size and save/name it as icon.png.
*Now copy the icon.png in ClockPackage.apk/res/drawable-sw320dp-hdpi of morph or vrtheme tool
For e.g in case of morph tool
Morph/preload/symlink/system/app/ClockPackage.apk/res/drawable-sw320dp-hdpi
In case of vrtheme
vrtheme//preload/symlink/system/app/ClockPackage.apk/res/drawable-sw320dp-hdpi

2.MusicPlayer.apk

*Follow the same procedure written above and change homescreen_icon_musicplayer
in MusicPlayer.apk/res/drawable-hdpi
*If u want to theme more pngs in MusicPlayer.apk then edit the below pngs
_search for music_play_
_search for widget_music_play_
_search for music_player_btn_
_search for music_player

Sorry its hard to write all the pngs name so i gave u the key words..u must be able to find those pngs.

3.SamsungCamera.apk

*Follow the same procedure and change tw30_icon_camera in res/drawable-sw320dp-hdpi

4.SamsungIME.apk

*Edit the below pngs which are present in drawable-sw320dp-hdpi/drawable-sw320dp-land-hdpi

Code:
qwerty_keypad_bg.png
       sip_key_bg_normal.9.png
       sip_key_bg_normal_left/right.9.png
       sip_key_bg_pressed.9.png
       sip_key_bg_option.9.png
       qwerty_key_bg_shift_capslock.png
       Search for preview_qwerty_key_bg_


Also have a look at THIS THREAD

5.SecBrowser.apk

*Change ic_launcher_browser.png in mipmap-hdpi/xhdpi/mdpi
*Remember to see the size of stock unedited pngs and create the icon of same size .

6.SecCalendar.apk

*Change ic_launcher_calendar.pngin mipmap-hdpi/xhdpi/mdpi

7.SecDownloadProviderUi.apk

*Change ic_launcher_download.pngin mipmap-hdpi/xhdpi/mdpi

8.SecEmail.apk

*Change ic_launcher_email.pngin mipmap-hdpi/xhdpi/mdpi

9.SecExchange.apk

*Change icon.pngin mipmap-hdpi/xhdpi/mdpi

10.SecGallery2.apk

*Change header_icon_gallery.png in drawable-hdpi
*Change ic_launcher_gallery.pngin mipmap-hdpi/mdpi/normal-hdpi
*Change ic_gallery.pngin mipmap-hdpi/mdpi/normal-hdpi
*Change mainmenu_icon_gallery.pngin mipmap-mdpi/xhdpi

11.FmRadio.apk

*Change mainmenu_icon_fmradio.pngin drawable-sw320dp-hdpi

12.SecCalculator2.apk

*Change icon.png in drawable-hdpi/sw320dp-hdpi

13. SecMms.apk

*Change ic_launcher_smsmms.pngin drawable-hdpi/sw320dp-hdpi

14.SecNoteMyFiles.apk

*Change icon_myfiles.pngin drawable-sw320dp-hdpi

15.SecSettings.apk

*Change ic_launcher_settings.png in drawable-hdpi/mipmap-hdpi/mdpi/xhdpi

Also if u want to edit more then edit the below pngs

_Search for ic_settings_ in drawable-hdpi

16. VideoPlayer.apk

*Change video.png in drawable-sw320dp-hdpi

17.SecContacts.apk

*Change mainmenu_icon_contacts.pngin drawable
*Change ic_launcher_contacts.png & ic_launcher_phone.pngin mipmap-mdpi/hdpi/xhdpi
*Change ic_launcher_phone in mipmap-sw320dp-hdpi/mdpi , mipmap-sw360dp-xhdpi, mipmap-sw399dp-xhdpi , mipmap-sw800dp-hdpi

Extra pngs if u want to edit

*
Code:
contacts_default_image_add.png
          tw_action_bar_tab_bg_holo_dark.9.png in drawable
*
Code:
contacts_default_image_add.png
       contacts_default_image_small/01/02/03/04/05.png
       contacts_default_no_update_image_01/02/03/04/05.png
       dialer_bg_h_01/02.png
       dialer_bg_p_01/02.png
       tw_list_section_divider_holo_dark.9.png
in drawable-sw320dp-hdpi

18.SecPhone.apk

*Change ic_launcher_phone.pngin drawable-hdpi/drawable-sw320dp-hdpi
*Change ic_launcher_contacts.pngin mipmap-xhdpi

Extra pngs

*
Code:
btn_check_press_bg.9.png
      call_btn_bottom_bg.png
      call_btn_bottom_bg_onehand.png
      call_btn_bottom_easy_mode_bg.png
      call_btn_bottom_endcall_2button_bg.png
      call_btn_bottom_endcall_4button_bg.png
      call_btn_bottom_endcall_bg.png
      call_btn_bottom_endcall_bg_h.png
      call_btn_bottom_endcall_bg_onehand.png
      call_keypad_bg_01/02/03/04.png
      call_keypad_bg_h_01.png
      call_onehand_keypad_bg_02.png
      dialer_onehand_bg.png
      dialer_onehand_press.9.png
      dialer_press.9.png
      dialer_press_4button.png
      dialer_press_small.9.png
      incall_dialer_press.9.png
      incall_keypad_bg_01.png
      incall_keypad_bg_01_onehand.png
      tw_action_bar_tab_bg_holo_dark.9.png
in drawable-sw320dp-hdpi

*Now the find the above pngs/.9.pngs in
Code:
drawable-sw360dp-hdpi/
and edit them
EDITING SYSTEMUI.APK:
*Search for ic_sysbar_ in drawable-hdpi , u will get around 10pngs , change/edit them
*Search for stat_sys_battery_in drawable-hdpi, change/edit them
*Search for stat_sys_wifiin drawable-hdpi, change/edit them
*Search for tw_quick_panelin drawable-hdpi, change/edit them
*Search for stat_sys_signalin drawable-hdpi, change/edit them
*Change/edit tw_status_bar_close_off/on.pngin drawable-hdpi
*Change/edit notification_panel_bg.9.pngin drawable-hdpi

Also have a look at THIS AWESOME THREAD DEDICATED FOR EDITING SystemUI.apkby @joehanh88
EDITING FRAMEWORK-RES.APK:
*This is the most important part of theming .

List of png/.9.pngs to be themed

*
Code:
popup_bottom_dark.9.png
          popup_bottom_medium.9.png
          popup_center_dark.9.png
          popup_center_medium.9.png
          popup_full_dark.9.png
          popup_top_dark.9.png
*
Code:
dialog_bottom_holo_dark.9.png
       dialog_full_holo_dark.9.png
       dialog_middle_holo.9.png
       dialog_middle_holo_dark.9.png
       dialog_top_holo_dark.9.png
       tw_dialog_bottom_holo_dark.9.png
       tw_dialog_bottom_holo_dark_1.9.png
       tw_dialog_bottom_medium_holo_dark.9.png
       tw_dialog_full_holo_dark.9.png
       tw_dialog_middle_holo_dark.9.png
       tw_dialog_title_holo_dark.9.png
       tw_dialog_top_holo_dark.9.png
       tw_dialog_top_medium_holo_dark.9.png
*
Code:
menu_dropdown_panel_holo_dark.9.png
       menu_hardkey_panel_holo_dark.9.png
       tw_menu_dropdown_panel_holo_dark.9.png
       tw_menu_hardkey_panel_holo_dark.9.png
       tw_menu_listpopup_panel_holo_dark.9.png
*
Code:
tw_switch_activation/dim/press.png
       tw_switch_disabled/dim/press.png
       tw_switch_thumb_activated_holo_dark.9.png
       tw_switch_thumb_disabled_holo_dark.9.png
       tw_switch_thumb_holo_dark.9.png
       tw_switch_thumb_pressed_holo_dark.9.png
*
Code:
tw_list_section_divider_holo_dark.9.png
       tw_ab_transparent_dark_holo.9.png
       dark_header.9.png
       toast_frame.9.png
       tw_toast_frame_holo.9.png
       tw_toast_frame_holo_dark.9.png

*Search for ic_lockscreen_ and edit/replace them.
*Search for tw_btn_check_and edit/replace them.
*Search for tw_btn_radio_ and edit/replace them.
*Search for tw_progress_and edit/replace them.
*Search for tw_scrubber_and edit/replace them.
*Change/edit spinner_black_16/20/48/76.png
*Change/edit spinner_white_16/48/76.png
*Change/edit usb_android/connected.png


NOTE:

*ALL THE MENTIONED ABOVE pngs/.9.pngs are present in drawable-hdpi FOLDER

*Change/edit background_holo_dark.png & tw_background_holo_dark.pngin drawable-nodpi folder.
EDITING LIDROID-RES.APK:
*Simple part of theming.
*Search for stat_ in drawable-hdpi folder , change/edit them
*Change/edit stat_bg_on/off/ing.png in drawable folder.

Also have a look at THIS THREAD

REMEMBER THERE ARE SEVERAL .9.pngs ARE THERE, SO U HAVE TO EDIT THEM PROPERLY..ELSE U WILL GET BOOTLOOP OR SOMEOTHER ISSUES..

AND DONT SAY THAT ITS BECAUSE OF MY GUIDE:laugh:Kidding..;)

Phew!!! Thats it for now..
This are enough to make a theme IMO..So be patient and start theming..
I Will Write xml guide soon when i get time..but it will be for sure..:good:




CREDITS:


^@engloa (for all the help & support)
^@HighlanderZA(for everything)
^@Vivek_Neel :angel:;):cool:



XDA:DevDB Information
THEMING GUIDE, a Tool/Utility for the Samsung Galaxy S II

Contributors
Vivek_Neel

Version Information
Status: Testing

Created 2014-03-24
Last Updated 2014-03-25
The Following 19 Users Say Thank You to Vivek_Neel For This Useful Post: [ View ]
24th March 2014, 06:28 PM   |  #2  
Vivek_Neel's Avatar
OP Recognized Contributor / Themer
Flag chennai
Thanks Meter: 19,453
 
7,582 posts
Join Date:Joined: Dec 2012
Donate to Me
More
USEFUL LINKS:

.9.png understanding/editing

.9.png compiler
Last edited by Vivek_Neel; 24th March 2014 at 07:21 PM.
The Following 4 Users Say Thank You to Vivek_Neel For This Useful Post: [ View ]
24th March 2014, 06:43 PM   |  #3  
reachnimesh's Avatar
Senior Member
Flag Mumbai
Thanks Meter: 31
 
133 posts
Join Date:Joined: Apr 2012
More
Thumbs up
Quote:
Originally Posted by Vivek_Neel

RES

Wow! Considering a Noob like me who didnt know much or never found time to really do customization besides what was available, this looks like a complete guide where if I show some interest, I can do magic and create stuff I would want to see in my phone.

Will def give this thread sometime and start learning the power of customization.

Thnx once again @Vivek_Neel. You continue to amaze me with your knowledge (Y)
The Following 2 Users Say Thank You to reachnimesh For This Useful Post: [ View ]
24th March 2014, 06:44 PM   |  #4  
Senior Member
[ DC ]
Thanks Meter: 1,278
 
1,337 posts
Join Date:Joined: Oct 2013
More
Subscribe! :d
The Following 3 Users Say Thank You to -Chill For This Useful Post: [ View ]
24th March 2014, 06:54 PM   |  #5  
v_superuser's Avatar
Senior Member
Flag Jammu
Thanks Meter: 1,396
 
484 posts
Join Date:Joined: Jan 2013
Donate to Me
More
This is appreciable. Great work!
The Following 2 Users Say Thank You to v_superuser For This Useful Post: [ View ]
24th March 2014, 08:23 PM   |  #6  
Troubadour666's Avatar
Recognized Contributor
Flag 43.7031 - 7.2661
Thanks Meter: 5,132
 
2,214 posts
Join Date:Joined: Aug 2012
More
Hi,

essential s2 thread again

thanks @Vivek_Neel
The Following 2 Users Say Thank You to Troubadour666 For This Useful Post: [ View ]
25th March 2014, 04:33 AM   |  #7  
Vivek_Neel's Avatar
OP Recognized Contributor / Themer
Flag chennai
Thanks Meter: 19,453
 
7,582 posts
Join Date:Joined: Dec 2012
Donate to Me
More
Quote:
Originally Posted by reachnimesh

Wow! Considering a Noob like me who didnt know much or never found time to really do customization besides what was available, this looks like a complete guide where if I show some interest, I can do magic and create stuff I would want to see in my phone.

Will def give this thread sometime and start learning the power of customization.

Thnx once again @Vivek_Neel. You continue to amaze me with your knowledge (Y)

Hmm.

Start theming ..lol

Sent from my GT-I9100 using Tapatalk 2
25th March 2014, 04:42 PM   |  #8  
Black_Eyes's Avatar
Senior Member
Flag New York
Thanks Meter: 187
 
589 posts
Join Date:Joined: Apr 2013
More
Quote:
Originally Posted by Vivek_Neel

Hmm.

Start theming ..lol

Sent from my GT-I9100 using Tapatalk 2

Can you make a guide how to theme AOSP/CM Rom to make it like Touchwiz ?
25th March 2014, 05:18 PM   |  #9  
Vivek_Neel's Avatar
OP Recognized Contributor / Themer
Flag chennai
Thanks Meter: 19,453
 
7,582 posts
Join Date:Joined: Dec 2012
Donate to Me
More
Quote:
Originally Posted by noumanhamid

Can you make a guide how to theme AOSP/CM Rom to make it like Touchwiz ?

I don't need to.

Because in most of the cases, pngs/.9.pngs required for theming are almost similar.

Just remove tw_



Sent from my GT-I9100 using Tapatalk 2
The Following 3 Users Say Thank You to Vivek_Neel For This Useful Post: [ View ]
25th March 2014, 08:08 PM   |  #10  
Mako0's Avatar
Senior Member
Thanks Meter: 149
 
219 posts
Join Date:Joined: Jun 2013
Thank you for this thread!!
Probably I will ask you something in future.. be ready

The Following 2 Users Say Thank You to Mako0 For This Useful Post: [ View ]
Post Reply Subscribe to Thread
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Top Threads in Galaxy S II Themes and Apps by ThreadRank