Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,785,276 Members 38,174 Now Online
XDA Developers Android and Mobile Development Forum

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

Tip us?
 
Vivek_Neel
Old
#1  
Vivek_Neel's Avatar
Recognized Contributor - OP
Thanks Meter 18,913
Posts: 7,308
Join Date: Dec 2012
Location: chennai

 
DONATE TO ME
Default [NOOB GUIDE][MAKE YOUR OWN THEME][THEME ANY TW ROM EASILY]

***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 18 Users Say Thank You to Vivek_Neel For This Useful Post: [ Click to Expand ]
 
Vivek_Neel
Old
(Last edited by Vivek_Neel; 24th March 2014 at 07:21 PM.)
#2  
Vivek_Neel's Avatar
Recognized Contributor - OP
Thanks Meter 18,913
Posts: 7,308
Join Date: Dec 2012
Location: chennai

 
DONATE TO ME
USEFUL LINKS:

.9.png understanding/editing

.9.png compiler
The Following 4 Users Say Thank You to Vivek_Neel For This Useful Post: [ Click to Expand ]
 
reachnimesh
Old
#3  
reachnimesh's Avatar
Senior Member
Thanks Meter 31
Posts: 132
Join Date: Apr 2012
Location: Mumbai
Quote:
Originally Posted by Vivek_Neel View Post
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: [ Click to Expand ]
 
-Chill
Old
#4  
-Chill's Avatar
Senior Member
Thanks Meter 1,264
Posts: 1,325
Join Date: Oct 2013
Location: [ DC ]
Subscribe! :d




The Following 3 Users Say Thank You to -Chill For This Useful Post: [ Click to Expand ]
 
v_superuser
Old
#5  
v_superuser's Avatar
Senior Member
Thanks Meter 1,309
Posts: 468
Join Date: Jan 2013
Location: Jammu

 
DONATE TO ME
This is appreciable. Great work!



Join the HTC Desire 816 Facebook group for all Development Info and Discussion!

Code:
Select Code
<galaxyfreak> - If we had time and will to develop something, why it's so hard for you to read how to use it?
The Following 2 Users Say Thank You to v_superuser For This Useful Post: [ Click to Expand ]
 
Troubadour666
Old
#6  
Troubadour666's Avatar
Recognized Contributor
Thanks Meter 4,940
Posts: 2,121
Join Date: Aug 2012
Location: 43.7031 - 7.2661
Hi,

essential s2 thread again

thanks @Vivek_Neel
open your eyes or clear them to decrypt yellow color and CLICK
DualBoot Method INSIDE 4.1.2/4.4.2
Some friend called me "MASTER OF DUALBOOT" so what
DorimanX 8.43v76 or @stanTRC recovery too
More your posts are detailled, better the reply will help you !
We need each other to rise !
The Following 2 Users Say Thank You to Troubadour666 For This Useful Post: [ Click to Expand ]
 
Vivek_Neel
Old
#7  
Vivek_Neel's Avatar
Recognized Contributor - OP
Thanks Meter 18,913
Posts: 7,308
Join Date: Dec 2012
Location: chennai

 
DONATE TO ME
Quote:
Originally Posted by reachnimesh View Post
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
 
Black_Eyes
Old
#8  
Black_Eyes's Avatar
Senior Member
Thanks Meter 65
Posts: 359
Join Date: Apr 2013
Location: New York
Quote:
Originally Posted by Vivek_Neel View Post
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 ?
 
Vivek_Neel
Old
#9  
Vivek_Neel's Avatar
Recognized Contributor - OP
Thanks Meter 18,913
Posts: 7,308
Join Date: Dec 2012
Location: chennai

 
DONATE TO ME
Quote:
Originally Posted by noumanhamid View Post
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: [ Click to Expand ]
 
Mako0
Old
#10  
Mako0's Avatar
Senior Member
Thanks Meter 145
Posts: 206
Join Date: Jun 2013
Thank you for this thread!!
Probably I will ask you something in future.. be ready
Nexus 5 CM 11

The Following 2 Users Say Thank You to Mako0 For This Useful Post: [ Click to Expand ]
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes