***NOOB THEMING GUIDE***
Code:
[B][COLOR="Lime"][SIZE="2"]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.
[INDENT][/SIZE][/COLOR][/B]
TOPICS COVERED:
[/INDENT]
Code:
[CENTER]#Stuffs Required For Theming
#Changing Icons of Few System apks
#Editing SystemUI.apk
#Editing Framework-res.apk
#Editing lidroid-res.apk[/CENTER]
STUFFS REQURIED FOR THEMING:
Code:
[CENTER][COLOR="Orange"] #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
[/COLOR][/CENTER]
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:
[B]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_[/B]
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:
[B]contacts_default_image_add.png
tw_action_bar_tab_bg_holo_dark.9.png[/B] 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
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
*Now the find the above pngs/.9.pngs in
Code:
drawable-sw360dp-hdpi/
EDITING SYSTEMUI.APK:
*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:
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:
*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:
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