[tut] mod your framework for transparent pop-up backgrounds - Sony Ericsson Xperia Mini, Mini Pro, Xperia Pro, A

In short, replace the dialog_* and menu_* images in /res/drawable-mdpi within framework-res.apk with your image of any transparency.
METHOD:
(1) Open your framework-res.apk with winrar, 7zip, etc.
(2) Open the folder /res/drawable-mdpi/ within framework-res.apk (in WINRAR)
Optional (3) You might wanna extract the whole drawable-mdpi folder and place it anywhere (place in desktop)
(4) Minimize the winrar window for now and open the drawable-mdpi folder on the desktop.
(5) Out of all the images, select the ones starting with 'dialog_' and 'menu_' and copy somewhere else, say, Desktop\folder.
(6) Close the drawable-mdpi window and open the folder containing only the selected images.
(7) Open the images with Photoshop, paint.net or any other image editing software which supports transparency.
(some images are not backgrounds, you can tell by their names, so no need to edit, just delete them)
I did this--(8) Select a color that you want with desired transparency. For all the background images, select the entire area (ctrl+a) and 'delete', fill the whole area with the selected color using 'paint bucket' tool.
(9) Save and close.
(10) Select all the edited images in the folder (Desktop\folder).
(11) Restore the WINRAR window. Then DRAG the selected images into the drawable-mdpi folder (in the WINRAR window) and select OK for the prompt.
(12) Close the WINRAR window.
(13) DONE :laugh:
You can give rounded edges to your dialogs. Take care though, 'cause 'top' backgrounds are rounded at the top, middle backgrounds are not rounded and bottom backgrounds are rounded at the bottom corners

Thanks bro. Awesome tut.
Keep up good work

Excellent bro .. gr8 tutorial.. Starting mod...
This tut is like a piece of cake...... damn easy steps.. Thanks bro

ssanjay19 said:
Excellent bro .. gr8 tutorial.. Starting mod...
This tut is like a piece of cake...... damn easy steps.. Thanks bro
Click to expand...
Click to collapse
My pleasure... Try my CellSys theme as a demo: http://forum.xda-developers.com/showthread.php?t=1926989

[email protected] said:
My pleasure... Try my CellSys theme as a demo: http://forum.xda-developers.com/showthread.php?t=1926989
Click to expand...
Click to collapse
Ya i saw in the morning itself gr8 one.. Especially i liked the blue and violet ones:good:

ssanjay19 said:
Ya i saw in the morning itself gr8 one.. Especially i liked the blue and violet ones:good:
Click to expand...
Click to collapse
Thanks bro

Related

Status bar background transperancy

Hey guais!
Any ideas on how to get the Status bar background transperant?
EDIT
The background image of the status menu not the bar it's self
i tried modifying framework-res.apk and add the status_bar_background.png from CM7 <Black edition> but i get a dithered image...
Any help would be appreciated.
Droidpirate has a few on that site that are transparent. I think they have both balck and grey transparent. If I can get to a PC later on tonight, I have them both and can upload.
Woodrube said:
Droidpirate has a few on that site that are transparent. I think they have both balck and grey transparent. If I can get to a PC later on tonight, I have them both and can upload.
Click to expand...
Click to collapse
Thanks man, but i have never been able tyo get most of that stuff on droid pirate working...
http://droidpirate.com/?s=transparent+statusbar+metamorph
sileshn said:
http://droidpirate.com/?s=transparent+statusbar+metamorph
Click to expand...
Click to collapse
wow! sileshn !!!
I've seen your work.... you're good!!!
Thank you for answering my post i feel honored.
I'm sorry i want to make the background of the status bar menu transparent, not the status bar it;s self
Sorry for the mix up i should have expressed my self better...
hellmonger said:
wow! sileshn !!!
I've seen your work.... you're good!!!
Thank you for answering my post i feel honored.
I'm sorry i want to make the background of the status bar menu transparent, not the status bar it;s self
Sorry for the mix up i should have expressed my self better...
Click to expand...
Click to collapse
I've tried a few times but never had any luck.
7. Transparent background Notification Drawer
I only tested this only for a pure AOSP-ROM (Oxygen).
CyanogenMod based based already have this patch integrated.
It may work for Sense Roms. Feel free to test it and report your experience.
Files that have to be edited:
/system/framework/services.jar
Tools you need to do the job:
smali/baksmali
text editor of your choice
zip tool of your choice (WinRAR, 7zip, WinZIP, ...)
What you have to do:
Extract the services.jar from your phone/rom file to the same directory as your smali/baksmali jar files.
Extract the classes.dex out of the services.jar using a zip tool of your choice. Only extract it. Do not extract the whole file
Decompile classes.dex: java -jar baksmali.jar -o classout/ classes.dex
That will create a directory classout where your decompiled files are stored
move to the directory classout/com/android/server/status . There you will find a lot of .smali files
Open StatusBarService.smali in the text editor of your choice
Search for the text const/4 v5, 0x2 (there should be only one)
Change this to: const/4 v5, -0x3.
Save the file and move back to your directory, where you have saved the classes.dex
Rename it for having a backup file
Run this command: java -Xmx512M -jar smali.jar classout/ -o classes.dex
Replace the classes.dex INSIDE your services.jar with your newly created classed.dex
Push the new services.jar to your phone (/system/framework/) and reboot.
Don't get panic, this reboot can take several minutes..
hellmonger said:
wow! sileshn !!!
I've seen your work.... you're good!!!
Thank you for answering my post i feel honored.
I'm sorry i want to make the background of the status bar menu transparent, not the status bar it;s self
Sorry for the mix up i should have expressed my self better...
Click to expand...
Click to collapse
In the new sileshn theme (twisted inception) there is a background of the status bar menu transparent (you can see it here)

Transparent notification bar for any rom and ANY CM7 theme (new cm-7.1.0-11 stable)

It is expected that those following this guide should have prior knowledge of
1)How to use adb and/or terminal emulator to edit system files.
2)How to fix permissions using root explorer.
3)What to do if system process crashes or the phone hangs after replacing system files- pull battery and power on.
4)If you are an advanced user you can also first modify the systemui.apk first.Replace it in the cm7_update.zip file.Sign the new zip file so generated and install it.Then no need to go through many of the following steps
This is by far the simplest method to get a transparent notification bar. Some parts of this thread have been taken from the following source:http://www.lazytrap.com/?tag=systemui-apk
What you would think is simple though, isn’t quite. You would THINK that just updating the PNG files would be enough. It’s not. I tried it a million times while trying all those other bad ideas. After the PNG files are modified, you also need to edit the file, classes.dex, which is in the root of SystemUI.apk. Turns out, .dex is yet another format only native to the Android platform. You can decompile and recompile them using smali/baksmali. Once you have decompiled the .dex file, you’ll be left with a bunch of files. For transparency on the statusbar to work, we need to edit two entries in StatusBarService.smali. After the 2 entries are changed, we save the file then recompile classes.dex, update the SystemUI.apk, then put it on our android device. That’s it. So while it’s not as simple as just editing the PNG files and updating the SystemUI.apk archive, it’s still a hell of a lot simpler than all these forum posts lead on. Actual instructions below.
Instructions:
• Copy /system/app/SystemUI.apk to your sdcard and then to your computer where you can edit it(use root explorer or adb to pull it to your computer)
• Install 7-Zip if you do not already have it. 7-Zip can browse into .apk files and let you update them easily.
• Open SystemUI.apk in 7-Zip, do not extract it, just open it.
• Browse to the folder res/drawable-hdpi/, then find all the png files that start with “status_bar” & "statusbar_background.9". Drag them into a folder on your desktop.
• Open the PNG files in Paint.Net, Gimp, Photoshop, or whatever your favorite editor is capable of png transparency.
• Delete the background. It’s now transparent. If you want semi-transparency, do that instead.
• Select all of your modified PNG files and drag them back into same spot you got them from in the SystemUI.apk file
• Press Backspace a couple times in 7-Zip to go back up to the root folder in the .apk, you should see classes.dex sitting there.
• Drag classes.dex out to a folder
• Download smali and baksmali from here: http://code.google.com/p/smali/downloads/list, put them in the same dir you put classes.dex
• Open a CMD prompt and change to that directory
• Type the following (replace 1.2.6 with whatever version it was you dl’d):
• java -jar baksmali-1.2.6.jar -o classout/ classes.dex
• Back in the folder, go into the new classout directory that was created.
• Find the file named StatusBarService.smali, open it in a text editor.use notepad or notepad++(easier)
• Search for .line 1519, the line just under it should read: const/4 v5, -0×3. If it does not, but instead reads const/4 v5, 0×1 or const/4 v5, 0×2, change it.
• Search for invoke-direct/range {v0 .. v5}, Landroid/view/WindowManager$LayoutParams;-><init>(IIIII)V; a line above you should see const/4 v5, 0×2. Change it to const/4 v5, -0×3 also.
• Save the file and exit.
• Go back to your CMD prompt and enter this command (this recompiles the .dex file with your changes):
• java -jar smali-1.2.6.jar classout -o classes.dex
• Add classes.dex back to where you got it from in SystemUI.apk.
• Take your updated SystemUI.apk file and place it on your SD card. If you took it out, put the SD card back in your Android device. (instead of using a SD card you could use something else to move the files around, like dropbox).
• Open up Terminal on your Android device, change to the directory you put the update SystemUI.apk file. ex: cd /sdcard/myupdate/
• Type the following commands:
• mount -o remount,rw /system/
• cp -f SystemUI.apk /system/app
The above command probably just crashed Launcher. Press Force Close . Now, go to root explorer and fix permission for systemui.apk to rw-r--r-- and Reboot your device.
After making the update, make sure to turn off Wallpaper Hack. It’s under Settings->ADW Launcher->System Preferences->Wallpaper Hack – Not doing so will result in the transparency only working with Live Wallpapers and not others
That’s it. You should now have a transparent status bar.
Now, you can use only such themes that come with a transparent notification bar or glass effect as well as the 3 default themes included with cm7 theme chooser. But you won’t be able to use other themes i.e. they will continue to show a black notification bar and not a transparent one
WORKAROUND: But we can get transparent notification bar with ANY theme. Here’s how:
1)download the theme’s apk to your computer
2)open it with 7zip as an archive (Don’t extract it)
3)Go to res/drawable-hdpi and drag the following files to any folder:
com_android_systemui_statusbar_background.9.png; com_android_systemui_status_bar_background.9.png; com_android_systemui_status_bar_close_on.9.png
4) Open the PNG files in Paint.Net, Gimp, Photoshop, or whatever your favorite editor is capable of png transparency.
• Delete the background. It’s now transparent. If you want semi-transparency, do that instead.
Select all of your modified PNG files and drag them back into same spot you got them from in the Theme.apk file in 7zip and close 7zip
5)This will give you your new apk for the theme with a transparent statusbar .But you will need to sign it to be able to use it
6)use drag2sign_apk to sign your new apk file.
7)Transfer it to your phone and install apk using any file explorer. (If you did not sign the new apk then installation will FAIL)
8) Go to theme chooser and apply your New theme. That’s it you will now have a Transparent notification bar
This method can be used to get a transparent notification bar with ANY theme
Here I'm attaching the SystemUI.apk of cm7_rc1.5 which I'm currently using with transparent statusbar.I recommend using adb to push it.
In command prompt first change directory to the one containing the patched SystemUI.apk
Use this command: adb remount (to allow editing the system files)
next command: adb push SystemUI.apk /system/app/SystemUI.apk
Then fix permission using root explorer.
Reboot.
Don't forget to uncheck wallpaper hack in ADW settings
THOSE WHO FIND THIS THREAD USEFUL DON'T FORGET TO HIT THANKS
I had to update my system and hence had to create a new systemui.apk. This one is of cm-7.1.0-11 stable release. Here I'm uploading it for your convenience
thx for the instruction.
but anyhow, i cannot make it work on my latest nightly builds. status bar was dismissed after modification file pushed to system.
{
"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"
}
You can go to this website http://uot.dakra.lt/kitchen/ and upload your framework-res and systemui and do all kinds of stuff to it including transparencies. check it out its pretty easy. You can also upload a theme.apk and modify that also. Here is a thread for asking questions and getting help for that site http://forum.xda-developers.com/showthread.php?t=990829
matchung said:
thx for the instruction.
but anyhow, i cannot make it work on my latest nightly builds. status bar was dismissed after modification file pushed to system.
Click to expand...
Click to collapse
Did you fix permissions after pushing the systemui.apk and reboot ?
Also did you uncheck the wallpaper hack in ADW setting?
Are you using any different launcher ?this method works for adw
Did you apply a theme with transparent statusbar or not ?
request: flashable systemUI with only transparent status enabled !
Ok, i tried it, but my status bar is always black
I tried others methods, which are posted here, CM7 Theme Patcher v1.6, Transparent glass Theme CM7 RC1.5+Tutorial, still no luck.
Can some plz do this for me.
I just need the transparent status bar only, nothing else
am on cm7.1 rc1.5 defy.
just post me SystemUI.apk file which i can flash in recovery.
thanks for your time and help
-hanu
hanu_blr said:
Ok, i tried it, but my status bar is always black
I tried others methods, which are posted here, CM7 Theme Patcher v1.6, Transparent glass Theme CM7 RC1.5+Tutorial, still no luck.
Can some plz do this for me.
I just need the transparent status bar only, nothing else
am on cm7.1 rc1.5 defy.
just post me SystemUI.apk file which i can flash in recovery.
thanks for your time and help
-hanu
Click to expand...
Click to collapse
Hi.. try these patch.. You must apply the patch twice..
hanu_blr said:
Ok, i tried it, but my status bar is always black
I tried others methods, which are posted here, CM7 Theme Patcher v1.6, Transparent glass Theme CM7 RC1.5+Tutorial, still no luck.
Can some plz do this for me.
I just need the transparent status bar only, nothing else
am on cm7.1 rc1.5 defy.
just post me SystemUI.apk file which i can flash in recovery.
thanks for your time and help
-hanu
Click to expand...
Click to collapse
check the first post I've attached the SystemUI.apk
@tegezan, thanks for your help, it wrked, i was able to see the transparency when i set live wallpaper, and am using this theme GingerBlur-trans.apk
http://forum.xda-developers.com/showthread.php?t=1021507
And am using go launcher ex.
if i dont want to use live wallpaper, then i shd use wall-paper with transparency ?, where to get this ?
@krd_medico, thanks, may be patch and undo recover files will be easier. anyways tegezan has attached it already
Edit:
Also in screen lock mode, i see more transparency, but on home screen its less transparent, is this ok ?
@hanu_blr
note from zdunex25 theme..
Wallpaper & transparency:
As you should know not each launchers supports
transparent statusbar, but if we will use
MiltiPicture Live Wallpaper we can get
transparent statusbar using any launcher
btw, I am used go launcher ex.. no need to use live wallpaper, just uncheck wallpaper hacks..
@tegezan,
in go launcher ex, where is the wallpaper hack settings, i coudnt find it
but its available in AWD, i hv disabled it, but am not using awd.
hanu_blr said:
@tegezan,
in go launcher ex, where is the wallpaper hack settings, i coudnt find it
but its available in AWD, i hv disabled it, but am not using awd.
Click to expand...
Click to collapse
nothing to change in Go Ex, let it as is.
i dont know whats wrong with my modified theme file, it can be done by using other stock themes. here is theme Zdunex25 applied.
@krd_medico, i think u ment theame.apk, not SystemUI.apk.. in the WORKAROUND section. am i rt ?
"Select all of your modified PNG files and drag them back into same spot you got them from in the SystemUI.apk file in 7zip and close 7zip"
hanu_blr said:
@krd_medico, i think u ment theame.apk, not SystemUI.apk.. in the WORKAROUND section. am i rt ?
"Select all of your modified PNG files and drag them back into same spot you got them from in the SystemUI.apk file in 7zip and close 7zip"
Click to expand...
Click to collapse
Thanks for pointing out. I have edited my first post.
Am hving issues with go launcher ex, with this i dont see transparency in home screen, its rather 10% or semi-transparency with black color, in lock screen its clear transparent.
At times i saw full transparency in home screen, but lock/unlock made it to go back to 10% trans with black color.
If i change to AWD, even in home screen i see full transparency . Dont know wats going on
finally,, i can make it work. i did the modification by using apk_manager b4, but seems not.
running CM7, on Go Launcher Ex, with modified Zdunex25's Meizu theme
Is there any chance to make this?
forum.xda-developers.com/showthread.php?p=17582887#post17582887
Sent from my MB525 using xda premium
for me works very fine... thanks
@matchung,
can u try installing the gingerblur-trans.apk form http://forum.xda-developers.com/showthread.php?t=1021507, and see if u see full transparent in GO lauhcher ex ?.
I guess gingerblur-trans.apk, is semi trans with black. If u see semi trans black, can u make it full trans for this gingerblur-trans.apk ?.
I did try to make gingerblur-trans.apk full trans with paint.net.
I took all statusbar* pngs from the gingerblur-trans.apk file, then opened it in paint.net, under layer window, layer properties, opacity was set 255, made it 0, this changed the image with small white_gray square pattern image, guess this is transparent image, save it as png, with bit depth auto-detect, then replaced all those statusbar* file in the original gingerblur-trans.apk, then resigned it. After installing it, still i see black bar in home screen, and full trans in lock screen, if i use live wallpapers, both home/screen lock is transparent, this is with go launcher ex,
if i use AWD, both home and lock screen is full trans . I dont like AWD much. Can u try and if it wrks fine on go laucnher ex, can u post the modified gingerblur-trans.apk file here plz ?
thanks for u time
NOTE: i didnt xtract gingerblur-trans.apk, just opened in winrar, tookout the png files, edited it and pushed back to gingerblur-trans.apk.
waterfish.. amazing..
i should try it..
hanu_blr said:
@matchung,
can u try installing the gingerblur-trans.apk form http://forum.xda-developers.com/showthread.php?t=1021507, and see if u see full transparent in GO lauhcher ex ?.
I guess gingerblur-trans.apk, is semi trans with black. If u see semi trans black, can u make it full trans for this gingerblur-trans.apk ?.
Click to expand...
Click to collapse
untouch theme. wanna full transparent?

[How-To] Theming a community project

UPDATED: 12-19-2011
This is to be a community project on theme's. Anyone with any information on theming, please feel free to post. If you post a how to I will try to update OP with a link to the post. If you come across anything on theming while adventuring threw the internet please post in thread and again I will update the OP as I have time.
Post 6: A How-To Post by KTT16
http://forum.xda-developers.com/showpost.php?p=19556664&postcount=6
What's Included in post:
1)How to Change Boot Logo and Boot Animation
2)How to Theme BlurPhone.apk
3)How to Theme Parts of the Notification Drop Down
4)How to Change Contacts Image in Contacts list
5)How to Change Notification Delete Button
6)How to Change Settings Images
7)How to Change Pop-Up Window Radio Button and Top Bar
8)How to Theme The WIFI-3G-Signal Icons
9)How to Get a Themed Swype
Post 26: BlurDialer.apk Theming Post by Medicstuder
http://http://forum.xda-developers.com/showpost.php?p=19998441&postcount=26
Post 30: More info on Bootanimations Post by Admirlj21 http://forum.xda-developers.com/showpost.php?p=20064730&postcount=30
Icon List by Falloutboy2000
http://forum.xda-developers.com/showthread.php?t=824656
Guide to learn to theme by theimpaler747
http://forum.xda-developers.com/showthread.php?t=916814
Link to XDA's Theme Area
http://forum.xda-developers.com/forumdisplay.php?f=527
If you use any of the links please hit the thanks button on the appropriate thread/post of the original author helped you out. If you use someone's work please ask for permission first. Don't forget the thanks button. Again if you have info to add please post a link and I will update OP when I have time and feel free to post anything that has to do with theming. Please don't forget to rank this thread if it help's you.
Special shout out to KTT16 and Admiralj21. It has been great working with you two and thank you for all your hard work and kind words. You two are great examples of what this community is all about.
MedicStuder said:
Hello Community,
Let me start by saying that I still a noob at theming but thought I would post a small tutorial on how I themed the BlurDialer.apk. Anyone else that has done theming please feel free to add input tips and tricks. Hopefully we ccan make this a great how to that might get stickied. Remember I am still learning also. this will be a simple how-to. I know there is a lot more to theming and I will update as I figure things out. So here we go.
Tools used: 7-zip and GIMP 2.6 (google for downloads)
1) Install 7-zip and GIMP 2.6.
2)Download the apk you want to theme.
3) Right click on the apk and navagate to 7-zip then extract. (I recommend desktop) Make sure you leave the orginal apk intact. VERY Important!!!
4)Open the extracted file. Leave META-INF alone. There should be a file named res. Open it.
5)Inside res you will find a few files. Inside a lot of the files are the png files.
6)Using GIMP make the changes to the pngs that you want to theme.
7)When done theming re-open the original apk file using 7-zip.
8)Now copy the new res file into the 7-zip window. This will update the current file in the archieve.
9)Install apk file and enjoy your new theme.
Let me say this sounds easier said then done. If you are porting over a theme it may take longer as file names are different from each device. The reason to keep the original apk intact is so you don't have to resign it when you are done. That makes things a lot easier. Feel free to ask any questions, justt remember I am still learning. Please google for answers as that is what I have done to learn what I have. Like I said above anyone currently theming please feel free to add any tips and tricks.
If you do use anyone else's work please ask for permission first and don't forget to give credit where credit is due. If this helps you at all please don't forget the thanks button.
Click to expand...
Click to collapse
Anything helps I been to theme a rom for a couple days but can't get it to compile
Sent from my MB855 using xda premium
edward.hidalgo said:
Anything helps I been to theme a rom for a couple days but can't get it to compile
Sent from my MB855 using xda premium
Click to expand...
Click to collapse
Is a rom u made or one u downloaded?
If one u downloaded use 7zip to extract the framework and systemui apks. Then use 7zip again to extract the contents of each apks. Then when done theming copy files back into original apks then copy apks back into zip file. You shouldnt have to complie unless its your own ROM.
Sent from my MB855 using xda premium
If someone could please add in how to change the font color. That is one thing i cant figure out. Thanks.
Sent from my MB855 using xda premium
And how to change the font color of the font of the keyboard itself please.
Sent from my MB855 using XDA App
THIS POST WILL BE SPECIFIC HOW TO'S
I AM A NOOB: I don't pretend to know what I'm doing, because I don't. This post is for people like me that need visuals or step-by-step guides without all the jargon. The hope is that I'll be adding stuff so that we all become good at themeing, and can help each other out! If you have any questions or can improve on my methods, then please let me know, and post your method here too! Disclaimer: If you brick your phone, I am in no way responsible!
-------------------
1 - HOW TO CHANGE BOOT LOGO AND BOOT ANIMATION - Thanks to thewarhawk
FOR BOOT LOGO (prior to bootanimation)
What you'll need:
Image Editor - I used Photoshop
Binary Editor (I used FHRED -- it's free)
Fastboot
Logo-header
Creating Your Logo
First: Open up your image editor, and make your boot image the dimensions must be 540x960. Important: you must flip the image vertically (so that it is upside down).
Second: Save your boot logo as a .BMP file, but it must be saved in 565 format. To do this in photoshop, save as the BMP file, then when the extra options come up push the advanced modes button, and select the R5 G6 B5 option.
Third: Open up the .BMP file with your binary editor (FHRED) and delete the first 70 Bits (pairs of numbers), and the last 2 bits (with FHRED, just highlight and hit delete)
Fourth: Copy the header from the linked logo-header file and paste it at the top of your bin. Your file should be 1036820 bits. Save as logo.bin.
Applying a Logo
Fifth: Unzip fastboot and move your newly created logo.bin to the same directory.
Sixth: put your phone in fastboot by booting the phone holding the volume down, and then once you see fastboot on the screen, press voume up. connect your phone and open command prompt and use the cd command to navigate to where your fastboot and logo.bin is and enter:
fastboot flash logo logo.bin
fastboot reboot
ENJOY!!!
Disclaimer: I am in no way responsible for any bricked phones
_________
FOR BOOTANIMATION:
Step 1: Create a series of images that will be your animation. Dimensions (540x960) and name each of them in sequential order. I used _00001.jpg as the numbering method. I ended up going up to _00010.jpg and then looped the animation.
Step 2: You'll need to edit the desc.txt so it'll play your animation as you want. When you open it, there are lines that describe everything. I just haven't figured out where to put the sounds...(I prefer that my phone load up silent anyway...) If you notice, in the text, you can call out specific folders (which you can rename to anything..I've kept it as sprint had). In the file it'll show you how to loop the animation (repeat count) I've chosen 0 for the animation part so it'll loop until the phone completely boots. You can keep playing around with timing and frames/sec...so you can essentially make a movie out of it.
Step 3: Zip your folders containing your images and your desc.txt in one .zip file. DO NOT COMPRESS IT. When saving it choose STORE as the compression mode. Name this file bootanimation.zip and save to your SD-Card on your phone
Step 4: Using Root Explorer, go into System/Media. Click on Mount as R/W. Then rename the current bootanimation.zip to bootanimation.zip.bak to save it if you want. Next, move the bootanimation.zip you created into that /media folder. You'll need to change the permissions by long pressing the file. rw-r-r
Click OK
Step 5: Reboot! Enjoy!
-------------------
2 - HOW TO THEME BLURPHONE.APK (Since MedicStuder themed the Dialer 1st, I'll leave it to him to show you guys )
{
"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"
}
There are three main parts to the "In-Call" status (this is when you are making a phone call) which I've labeled with red numbers
1) Unknown/known caller image
2) In-call options section
3) In-call background
- The first thing you need to do is to copy the BlurPhone.apk to your desktop from your phone
- Make a copy of it for safekeeping if you mess up
- With the copy you want to edit, use 7zip to "open archive" and you'll see a folder called "res"
- Copy this res folder to the desktop and keep the 7 zip archive open
- You should have these folders side by side (one which you'll edit with - the desktop one, and one that you'll save the edited files over - the 7zip archive)
- Open both res folders and each should have many folders within. The important ones are "drawable" and "drawable-hdpi" and ignore the rest of them
- Open both "drawable" folders so they are side by side
- In the Desktop "drawable" folder, there is bg_in_call - Double click on it to open it in your Photo-editor..I used Photoshop. I created a new layer over this one, blacked it out using the bucket, and Merged the layers. I think when working with PNG files don't flatten them, or you'll probably get the stupid white background to show..I digress.
- subchrome - Search for this image. Open it. I noticed a transparent line above it, but didn't do anything about it the first time I did this and had to do this all over again...that transparent line will cause a visible separation between the background where it says "Connected" and the Duration of Call. So, when I fixed it, I essentially closed the gap by painting over it. Remember, layer on top and then merge down.
- incall_bkgnd - This is where the "options" part is, where you can end the call, go to the dialpad, etc. - Again, with this PNG file, do not flatten it. All I did was delete all the squares except for the end button and changed it's color...simple enough right?
- Now, select all images, or just the one's you've edited and drag them over the 7zip archive ones to overwrite them.
- Close the archive window.
- Open up "drawable-hdpi" folders in both the desktop and 7zip archive so they are side by side
- incall_bkgnd - Look familiar? Change that one again
- ic_pane_unknown_caller - Change this as you want! I took Alien-Theme's and made it blue to go with my battery/dialer
- ic_pane_contact_photo - I made it the same as the unknown caller image
- subchrome - same as before
- bg_in_call - same as before
- Now, as before, save it and copy them over to the 7zip archive in the same "drawable-hdpi" folder to overwrite them.
- Close the archive window
So, if you want the in-call status to update, follow these steps:
- MAKE A NANDROID BACK UP FIRST!!!!!!
- Move the Phone.apk to the /system/app/ folder and overwrite the existing BlurPhone.apk
- YOU WILL FORCE CLOSE. Tap the force close a few times.
- Pull battery
- Power up
- Once the phone boots up, you will get a couple force closes, don't worry about it.
- Go to file manager (In this case I use Root Explorer) and go to /system/app/
- Find the BlurPhone.apk file and change the permissions to rw-r-r and then hit OK
- Reboot and enjoy!
-------------------
3 - HOW TO THEME PARTS OF THE NOTIFICATION DROP DOWN - Thank you to: on21st at: http://forum.xda-developers.com/showthread.php?t=1213071&highlight=
Hi everyone, I'm learning bit by bit here. I've found ways to edit some parts of the notification drop down and will be updating this very soon.
There are a few main parts of the notification drop down that I started out with cuz I hate this navy blue crap that this phone has going on:
1 - Title bar
2 - Background
3 - I call it the handle, but yeah whatever that's called
----
Important - Make a nandroid backup first! I am not responsible if you mess up!!
Start by copying the framework-res.apk and SystemUI.apks to your computer
To change the Title Bar Color
- Extract SystemUI.apk so you have a folder you can play with and edit.
- Open up the SystemUI.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find title_bar_portrait.9.png
- Open it in Photoshop or another editor - Here, I've made it completely black (I think it might still be transparent, so I'm gonna change it a bit more)
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new SystemUI.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
To change the NOTIFICATION BACKGROUND
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find status_bar_background.png
- Open it in Photoshop or another editor - Here, I've made it more transparent by changing the opacity to I think 70%
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it right????)
- Reboot and enjoy!
To change the NOTIFICATION HANDLE
- Extract SystemUI.apk so you have a folder you can play with and edit.
- Open up the SystemUI.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find status_bar_close_on.9.png
- Open it in Photoshop or another editor - Here, I've desaturated the color
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new SystemUI.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
4 - HOW TO CHANGE CONTACT IMAGE IN CONTACTS LIST
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find ic_contact_picture.png - There are 3 of them
- Open it in Photoshop or another editor
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
- Extract BlurContacts.apk so you have a folder you can play with and edit.
- Open up the BlurContacts.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find ic_contact_list_picture.png
- Open it in Photoshop or another editor
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new BlurContacts.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
5 - HOW TO CHANGE NOTIFICATION DELETE BUTTON
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find zz_moto_btn_control_remove
- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
6 - HOW TO CHANGE SETTINGS IMAGES
- Extract Settings.apk so you have a folder you can play with and edit.
- Open up the Settings.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find ic_settings_(the image you want to change) - There are like 15 of them if you want the entire list
- Open it in Photoshop or another editor..GIMP works well here.
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new Settings.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
7 - HOW TO CHANGE POP-UP WINDOW RADIO BUTTON AND TOP BAR
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find btn_radio_on and radiobutton_on_background
- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find popup_top_dark.9.png This is one of the .9.png's that you might need to edit with the draw9patch tool.
- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
8 - HOW TO THEME THE WIFI-3G-SIGNAL ICONS - Please see [THEME] - Blackout - WIP
- You'll need: SystemUI.apk, 7zip, Photoshop, Illustrator or another program. In this case, I used Illustrator to build the icon since it's clean, and then imported into Photoshop
- Copy the SYSTEMUI.APK to your computer (make a copy of that just in case)
- Extract the SYSTEMUI.APK to your computer
- Open up the SYSTEMUI.apk using 7zip "open archive"
- In in the extracted folder and the 7zip folder, open up to drawable HDPI side by side - you'll see a crapload of icons
- The icons that our Photons will call for (unless you've modified the xml) are the stat_sys_ wifi_signal, stat_sys_data_, and zz_moto_stats_sys_signal_6bar... icons. I didn't call out the 4G ones, since I'm unlocked and don't care for 4G cuz it apparently sucks in Beantown.
- Each icon is 38x38 pixels..keep that in mind as you build your icons. I laid out guides in Illustrator and photoshop that allowed me to snap the drawings to the grid/guides which helped a lot.
- The colors I used to match the no-signal and not-connected were hex: 232323 and 848484. For the 3G icon, i used: 666666 to make the arrows darker than the non-connected background.
- Once I built the icons in Illustrator, I dragged them over to Photoshop, and saved as .png
- After making all the icons, I dragged them over to the open 7zip archive window (remember this is the drawable-hdpi folder)
- Click yes and close the archive when you've transferred them over
- Upload the new systemui.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
----
9 - HOW TO GET A THEMED SWYPE - Please see [THEME] - Blackout - WIP
Thanks to:
djdarkknight96
Dominic83
TexasRebel
THIS THREAD ROCKS: THEMED SWYPES
HOW-TO:
- Clear data from any version of swype (I used Ti-Backup to do this)
- Uninstall any version of swype you currently have (swype.apk, swype installer, and lib.swypecore.so (from system/lib)
- Reboot into recovery, wipe cache/dalvik cache
- Download any swype.apk from this dude's website
- Open it up in 7zip and remove the lib folder to your desktop
- Close the archive and rename it Swype.apk
- Open up the lib folder you saved to desktop and rename that file to: lib.swypecore.so
- Save the newly renamed Swype.apk and lib.swypecore.so to your sdcard
- Change the permissions to rw-r-r for each and move the Swype.apk to your system/app folder
- Move the lib.swypecore.so file to the system/lib folder
- Reboot
- ENJOY!!!
- FINALLY!!!
I would have to guess the keyboard font would be part of the rom so it prolly would be the same as changing the color in a themes apk. Just my guess.
Sent from my MB855 using xda premium
MedicStuder said:
I would have to guess the keyboard font would be part of the rom so it prolly would be the same as changing the color in a themes apk. Just my guess.
Sent from my MB855 using xda premium
Click to expand...
Click to collapse
I think the font color is changed through an xml file in the systemui.apk or framework-res.apk...I can't be sure, but I remember reading about it somewhere..
KTT16 said:
I think the font color is changed through an xml file in the systemui.apk or framework-res.apk...I can't be sure, but I remember reading about it somewhere..
Click to expand...
Click to collapse
I believe u r correct. My problem is i cant find a program or settings for a program that allows me to view the files so i can edit them.
Sent from my MB855 using xda premium
MedicStuder said:
I believe u r correct. My problem is i cant find a program or settings for a program that allows me to view the files so i can edit them.
Sent from my MB855 using xda premium
Click to expand...
Click to collapse
There is a program called FHRED. I've used it to make the boot splash screen. Since you're themeing, here's a thread I had in Android Forums that deals with how to make Boot Splash/Animations
Have you guys checked this? they have a four part guide..
http://forums.acsyndicate.net/forumdisplay.php/67-Tutorials
bearw815 said:
Have you guys checked this? they have a four part guide..
http://forums.acsyndicate.net/forumdisplay.php/67-Tutorials
Click to expand...
Click to collapse
Yeah, I've bookmarked this tutorial, but for someone like me, I need something even simpler. I plan on editing my 1st post in this thread with really simple HOW-TOs for the noobs like myself. Ex: HOW TO CHANGE YOUR DIALER in 5 Easy steps with photos or something...Thanks for posting it though! The smarter people who know how to follow instructions will probably benefit most! LOL!
Updated Post #6 with [HOW TO] - Create Boot animations, Boot Logos, and How to Theme the Blurphone.apk - I know it's not much folks, but it's all I've got...
KTT16 said:
Updated Post #6 with [HOW TO] - Create Boot animations, Boot Logos, and How to Theme the Blurphone.apk - I know it's not much folks, but it's all I've got...
Click to expand...
Click to collapse
Looks great man. Thanks alot.
Sent from my MB855 using xda premium
Thanks man...you got me excited about theme ing, so really, thank you...
Sent from my MB855 using xda premium
Updated Post #6 with Notification Menu! I still have a few more things that I want to change...Hope you all find it useful!
EDIT: Anyone know how to change the Notification Title (where it says "No Notification" or "ongoing") color? I'd like to make this black...Thanks!
Will post some new How-to's tonight!
- Contacts images - still having trouble with "in-dialer" contact image
- Dialer Delete arrow
- Notification Menu - Clear button
- Radio button
- Title bar image
- Changing the images in the settings menu (colorwise)
It's been a busy day!
Thank both of you for this. Ill release skinny 2 within a couple days hopefully. Id love to see some themes for it and thanks to your posts that might be possible
Sent from my MB855 using XDA App
Coming from you it means a lot. Im really still fresh at this themeing game as ive only been doing it for a few days. I hope people do use this resource and add to it...
Sent from my MB855 using xda premium
I never really cared much for theming. But i do want people to have access to themes for my roms. So you guys are doing a great job.
Sent from my MB855 using XDA App

[Tutorial] THEMING your PHONE with your PHONE *NOOB FRIENDLY*

GUIDES
1.Making ur Status Bar Transparent
http://forum.xda-developers.com/showthread.php?p=37188838
2.Changing App Icons
MORE TO COME IF U WANT A PARTICULAR 1 JUST ASK!!
I realized that most people just wanna change 1 thing and don't wanna read a whole guide so ill be adding separate stand alone tutorials in those posts i reserved below also if u want me to add something just ask and i will i just comment on this thread with a full guide an place a link to that post in the OP (this post) like so Making ur Status Bar Transparenthttp://forum.xda-developers.com/showthread.php?p=37188838
-On the agenda-
GUIDES
1.Making ur Status Bar Transparent
(DONE)
2.Changing notification toggle's icons (PENDING)
3.Changing battery icons -requested by kuulbhaskar (PENDING)
4.Changing App Icons
(DONE)
MORE TO COME IF U WANT A PARTICULAR 1 JUST ASK!!
K guys this as the title suggests this is a guide on theming your phone with well your phone to illustrate this I'll be theming my status bar
Status bar start
{
"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"
}
Status bar finish
the same process will apply for any app that you wish to theme first off an apk is simply a compressed package containing different files in order to get to any of these files u need to decompile the apk
How good this turns out will depend heavily on the apps you use so anyways here's what u need I'm listing the reason y u need any particular app so if u have another app that does the same function u can use that instead
WHAT YOU NEED
Root access
Deodexed stock Rom or a custom Rom
Ninjamorph
Used for decompiling and recompiling the apk and also for reinstalling it
Busy box
Ninjamorph needs it
Image search
Used for easily finding images to use in editing
Quikpic
Used for resizing images to exact dimensions
Picsay
Used for image editing
Picsplay
Used for image editing (yes another 1)
Canvas
Used for changing image transparency
Es file explorer
Used for properly seeing image transparency and some other file manager related stuff
K now that you got that down let's begin
Open Ninjamorph and tap new project
Now navigate to the system folder then the app folder
This folder contains the system apps you have installed the one you want is your status bar which is named SystemUI.apk
Now select it and Ninjamorph will start decompiling
After that u will be taken to the decompiled apk which is on your sd card in Android themes/workspace/SystemUIapk
Now that that's done in Ninjamorph in the decompiled app go into /res/drawable-ldpi the reason your doing this is to locate your status bar background which is most likely going to renamed by your rom dev my rom had it named as chobits.png (I can't remember the stock name otherwise I'd list it if any1 knows please tell) it's a big image so just skim through with Ninjamorph and memorize it or go into es file explorer into sdcard/android themes/workspace/SystemUIapk/res/drawable-ldpi hit icons and search like that (top right corner)
Once you have found the image remember it's name
Now it's time to create ur background image I'll show you how I did mine I first I went into image search
And enabled those settings and searched for android what I downloaded was this
I then opened pic say pro and started a new image (by pressing menu then new) and placed the resolution and shown background colour as shown
I then inserted my new image and cropped it as shown
I then resized and placed the cropped image into position
After that I exported the image into picsplay pro added the sketch effect and then the hdr drama+ effect
I then saved that image and reopened in pic say pro and added my name (just hit sticker then title)
Then placed it in position and saved it if u want to make this image transparent u can open it in canvas hit layers then layer1 then adjust the opacity make sure to export the image as a png or you'll lose the transparency (I'll put a separate post below on making status bar transparent with ur phone) k now u have your status bar background
After that rename the image to whatever.png the png part is important
Now enter Ninjamorph go to the image who's name u remembered earlier and select it Ninjamorph will now ask u to select the image u wish to replace it with select the image u made earlier (if it doesn't come up it's because u didn't rename the image to .png) k now your done with the background
Now search for this image here
just like u did earlier my rom has it named as status_bar_close_on.png
How I created mine was after finding the image I opened it in quikpic and took note of the resolution in the bottom left corner
After that I created a new image in Picsay with the above resolution in a white background
I then added the black top lens filter effect
And then flipped the image
I then added in a square (hit sticker then basic shapes)
And resized
After that I saved the image as a png and and then replaced status_bar_close_on.png with it in Ninjamorph just like I did with chobits.png
K now time for that image there
to do that I located the image like I did earlier my rom has it named as statusbar_background.png and statusbar_background2.png I assume 1 is for landscape and 1 is for portrait but I used the same image for both and it looked good both ways so anyways
How I created this image was I checked the resolution of the original just as I did b4 and created a new image in Picsay in that resolution with a white background
And simply painted the pattern on
I then saved and replaced just as b4
K now your done with
SystemUI.apk but not done with your status bar apparently not all images related to the status bar are stored in the status bar apk but anyways tap finish project then SystemUIapk Ninjamorph will now start compiling it says extracting for some reason lol when that is finished it will tell u it about to overwrite your SystemUI.apk and if your absolutely sure u wanna do blah blah just hit yes then it'll ask if u wanna zip align the apk from what I gather this is a process of arranging files in the apk to make the app faster....you can thank deadly for that detailed explanation lol just hit no then it will overwrite the apk now reboot and walla you'll see your changes anyways now it's time for the status bar toggles
These status bar toggles are stored in lidroid-res.apk which can be found in system/framework
K so now open Ninjamorph tap New project then then navigate to and select lidroid-res.apk and it'll decompile
Now in Ninjamorph search for the status bar toggles images there in res/drawable-hdpi
(these are already changed)
It has images for off and a image for on for all of these toggles I did all the editing with Ninjamorph like so
Tap and hold on the image u want to edit then hit edit image this will take u to another screen where you'll see the image
Scroll down and you'll see this
For all the of the off images (dark blue) I place the RGB (red green blue) at -137
and all the on one's (light blue) I placed the RGB at -255
I did the same for the buttons those 3 there stat_bg
k now your done with those toggles u now need to change the toggles background stat_power_bg.png it's a huge rectangle how I edited was I simply placed the RGB at +255
k now we're done with lidroid-res.apk finish the project as u did b4 and reboot and walla now ur almost done
When I ended up here there was a problem see there
(this is how my status bar looked b4 it was the only pic i could find with the notifications like that)
My rom didn't have a background for notifications to change I simply edited my framework-res.apk
How I did this was decompile as I did b4 then open this image in quikpic status_bar_item_background.9.png checked the resolution and made a new image in Picsay with the EXACT same resolution with a black background and saved it
I then opened said image in canvas and adjusted the opacity by simply tapping layers then holding layer 1 and changing the opacity I then saved that image as a png (important or u will lose transparency)
Make sure to check the image's resolution with quikpic again to make sure its the same after cuz my resolution changed and i had to change back using quikpic
Hit edit then edit again then crop then customize
And place the resolution of the original pic and save
Now that that's done replace status_bar_item_background.9.png with it the edited image there are 2 I used the same image for both and
K now your done *exhales*
Obviously your process will vary at points I was just showing u what I did and how to use to use the various apps
K now that ur finish make sure to thank the devs of your rom
Thank deadly for that very detailed zip alignment explanation lol
Thank d3ms (I think that's his name) he gave me the name of the toggles background which was very hard to find for crying out loud it wasn't even shaped like the toggles background
Thank someone else I can't remember the guys name but it was the guy who told me the name of the notifications background was status_bar_item_background.9.png I could not find that image for anything
Oh and thank me for being kind enough for making this guide lol
Thank God
K am kidding now lol but u can thank God if u like
-DISCLAMER-
I NOR XDA ARE RESPOSIBLE FOR ANY DAMAGE TO YOUR PHONE PLEASE FOLLOW INSTUCTIONS CAREFULLY ESPECIALLY WHEN EDITING FRAMEWORK-RES
-FOLLOW THIS GUIDE AT YOUR OWN RISK-​
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
1. Making Your Status Bar Transparent
(Hit spoiler/show content)
I am making this separate to the first post so u can read this without having to read the first post
First off if like to say an apk simply a compressed package containing different files relevant to the application in order to edit these u need to decompress or decompile the package that being said gets what u need
WHAT YOU NEED
Root access
Deodexed stock Rom or a custom Rom
Ninjamorph
Used for decompiling and recompiling the apk and also for reinstalling it
Busy box
Ninjamorph needs it
Canvas
Used for changing image transparency
Es file explorer
Used for properly seeing image transparency and some other file manager related stuff
K now that you got that down let's begin
Open Ninjamorph now u need to find your status bar that file's name is SystemUI.apk this is stored in system/app
after finding that select it and Ninjamorph will start decompiling when it's done it will take u to the decompiled folder
K time to search for your various status bar images exit Ninjamorph and open canvas
Pull down menu and tap operations then this
U will now be in your sd card
The images u are looking for are stored in are stored in sdcard/Android themes/workspace/SystemUIapk/res/drawable-ldpi here
First locate that image there
my rom had it named as chobits.png but it will most likely be renamed on yours but simply skim through and you'll find it is a big image after u find it select it
Now you'll be taken to the editing screen
Pull down the menu click on operations then this
you'll now see this
Click export as png this is very important if u export as jpg you'll lose transparency then save be sure not to rename after doing that go back into sdcard/Android themes/workspace/SystemUIapk/res/drawable-ldpi and repeat the process on these images
Again these images names might be different on your rom but they are the the top and bottom of your status bar
After ur finished go in es file explorer into sdcard/canvas and view these images in es file explorer this gives u a interpretation of how transparent these images actually are
See
Now your done with that go into Ninjamorph and in your status bar again into drawable-ldpi and select the name of your original status bar background in my case chobits.png
Then Ninjamorph will now ask u to choose a image to replace it with
go into sdcard/canvas and select your edited status bar background while in that folder take note of the names other images u made
You will now be back in drawable-ldpi now simply replace the other images just like u did b4 (it'll be easy as u didn't change the names)
Now ur done with that tap finish project then tap SystemUIapk Ninjamorph will now start compiling after its done it'll ask if your sure u wanna overwrite tap yes then it'll ask if u wanna zip align tap no and it will start writing (ur status bar will disappear don't worry) now it'll ask if u wanna clean click no again now reboot to your transparent status bar
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Changing Application Icons
I am making this separate to the first post so u can read this without having to read the first post
First off if like to say an apk simply a compressed package containing different files relevant to the application in order to edit these u need to decompress or decompile the package that being said gets what u need
Root access
Zip signer
For making changes "stick"
Ninjamorph
Used for decompiling and recompiling the apk and also for reinstalling it
Busy box
Ninjamorph needs it
Es file explorer
File manager stuff
Link2sd
not needed optional
Titanium Backup
Might not necessarily be needed
First you'll need to get your icons do that anyway way u wish either download or make our whatever
K now that we got that down open Ninjamorph and tap new project now you'll have to locate the apk of the app I wanna change apks are stored like this
System apks are stored in system/app
Sd card apks are stored in mnt/asec then in the respective apps folder
Linked apps are stored in data/sdext2 you'll see them in data/app but that's not where there really stored your phone just thinks so
And internal apps are stored in data/app
Once you've decided where the app u want is stored navigate to that location
Once there you'll realize that the apps you wish to change don't have regular names like in the pic
You'll have to use your brain to figure out what is what or here's where the optional part comes in u can use link2sd and search for the app u want and it'll give u the name like so
Now select your apk and Ninjamorph will start decompiling
You'll see some files go into res then drawable- (insert letter here)dpi these different folders are for different phone resolutions our phone is ldpi but that may not always be present also it's best u change the icons for all sizes
So now enter one of the (something)dpi folders and look for the applications icon this isn't always going to be named the same thing in my case it's named appicon.png
Now select it Ninjamorph will now inform u that your replacing said image now navigate to wherever u stored your icons and select the icon u wish to replace it with do this for all the other dpi's then check to make sure the image changed
Btw if an icon isn't being changed in Ninjamorph then do this using es file explorer go to the image your using to replace and rename it the exact same name as the image your replacing in my case appicon.png after that is done copy the renamed file into the android themes/workspace/res/drawable (something)dpi folders that contain the image your replacing you'll get a message asking to overwrite tap yes
When your done exit Ninjamorph (if you were in Ninjamorph) open es file explorer and go to android themes/workspace/(name of app whose image u replaced) and delete the META-INF folder after that is done select all of the files in the folder long press then select create zip this will take a while
After that is done close es and open zip signer select choose in/out
And navigate to your zip and select it after that select sign the file and await completion
Now that that's done go back in es file explorer into the folder where the zip is stored and delete everything besides the signed zip file
Now extract the zip to the folder your in wait for it to finish then delete the zip file
Now open Ninjamorph select finish project then the file u were editing wait for that to finish
Now open the app and if it force closes back it up with titanium and restore it
Now enjoy your new icon
Your welcome
+1 bro...
ill try thing thang
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
jasonxD said:
+1 bro...
ill try thing thang
Click to expand...
Click to collapse
Lol thanx
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS-- ​
can u send me systemui.apk of chobits?
ill mod it and use it (>_<")
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
jasonxD said:
can u send me systemui.apk of chobits?
ill mod it and use it (>_<")
Click to expand...
Click to collapse
Wait mine or the orginal 1?
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS-- ​
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Original one for sure
Sent from my GT-P3110 using Tapatalk HD
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
K i will
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS-- ​
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Btw the status bar toggles are a mod i found it in the devs customization thread u have to flash it or place the lidroid-res.apk into the necessary folder k
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS-- ​
gimme the systemui.apk of chobits ( non original )
and the lidroidres.apk u have found somewhere
i have downloaded all the stuff needed..
i m ready ^_^
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
jasonxD said:
gimme the systemui.apk of chobits ( non original )
and the lidroidres.apk u have found somewhere
i have downloaded all the stuff needed..
i m ready ^_^
Click to expand...
Click to collapse
K now am confused what do u want exactly
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS-- ​
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Lol
I need systemui of chobits the original one
And the lidroidres u are talking about...
Sent from my GT-P3110 using Tapatalk HD
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
K uploading now
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS-- ​
hmmmm now?
its like
400kb...
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Lol was doin something and is edge am uploading off of
http://db.tt/IPA96xco
https://www.dropbox.com/s/oliffhub7ftbb9d/SystemUI.apk
Here u go
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS-- ​
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Can you give the tutorial for changing battery icon using ninjamorph !?
Sent from my GT-S5360 using xda premium
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
My Rom is different it has 200 battery icons and am not even kidding i wish i was but okay i will add that
I might do so 2morrow (am not making any promises though)
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
kuulbhaskar said:
Can you give the tutorial for changing battery icon using ninjamorph !?
Sent from my GT-S5360 using xda premium
Click to expand...
Click to collapse
Hmmm are you on stock rom?
I sent this through telepathy but you can still make a contract with me :3
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
The from name is Chobits digitalized.

[Guide] Quick theme editing guide (24 May 20)

Since I'm no longer updating my themes (at least for now) and I've been asked a few times, I'll provide a quick guide to changing the accent colours.
https://forum.xda-developers.com/ma...ed-black-theme-accent-colour-options-t4051377
May do a full guide at some point in the future, but that would be quite long.
Huawei themes are just zip files but with ".hwt" file extension.
Apps I use:
*Note, you can use any similar apps that serve the same function, though I believe mixplorer is the best file manager especially for editing themes.
File Explorer (to edit the .hwt & .zip files).
https://play.google.com/store/apps/details?id=com.mixplorer.silver
*also note if you're using a different file manager you might have to add ".zip" to the theme.hwt e.g. theme.hwt.zip before you can open it, with mixplorer you don't.
Download:
iOmix-Temp.hwt
https://bit.ly/2M82lHT
Colour picker (to find the hex colour code of your choice).
https://play.google.com/store/apps/details?id=com.jahirfiquitiva.pals
Vector image editor (to create the .png files).
https://play.google.com/store/apps/details?id=com.shoebillsoftware.vectordraw
Download:
iOmix Theme Png Templates
https://bit.ly/2ZxJtdd
Includes .png & .svg use either as a template to create your own brightness & volume scrubbers these ideally should be the same accent colour that you use in the theme.xml
1. (Optional) Create a folder on your phone, call it whatever you want, I usually name it editing.
2. Copy the theme file (iOmix-Temp.hwt) to the folder.
3. Rename the theme file by adding ".zip" extension to the end "iOmix-Temp.hwt.zip"
*you can skip this if you're using mixplorer.
4. Open the zip and extract the following files to the editing folder:
com.android.contacts
com.android.systemui
framework-res-hwext
framework-res
5. Rename all files by adding ".zip" to the end
com.android.contacts.zip
com.android.systemui.zip
framework-res-hwext.zip
framework-res.zip
6. First we'll edit the theme.xml files in each of the files we extracted in step 5.
The process will be the same > replace 007DFE (this is a hex code without the #) with your own colour code (also without the #).
7. Editing theme.xml files
**Contacts.zip**
A. In the contacts zip open the theme.xml use the replace function to replace 007DFE with any other colour code *make sure [replace all] is selected.
B. Open framework-res-hwext folder > open theme.xml and repeat previous steps of replacing 007DFE with your preferred colour.
**Systemui.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
B. Framework-res > theme.xml
C. Framework-res-hwext > theme.xml
**Framework-res-hwext.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
B. Res > theme.xml
**Framework-res.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
8. Replacing the main .png files.
**Contacts.zip**
A. Res > drawable-xxhdpi > fastscroll_label_phonebook_emui_null_icon.png (needs to be 152*152 pixels)
**Systemui.zip**
Edit the theme.xml in the following.
A. Framework-res-hwext > Res > drawable-xxhdpi > scrubber_control_normal_emui.png
(needs to be 98*98 pixels)
B. Res > drawable-xxhdpi > ic_seekbar_thumb.png
(needs to be 90*90 pixels)
**Framework-res-hwext.zip**
Edit the theme.xml in the following.
A. Res > drawable-xxhdpi > scrubber_control_normal_emui.png
(needs to be 98*98 pixels)
Finally you might want to rename the theme so you can find it in the Huawei theme manager app.
In the root of the theme zip there is a file called description.xml, open this file and change the title Theme title
Now remove the ".zip" from the files you renamed at the start:
com.android.contacts.zip
com.android.systemui.zip
framework-res-hwext.zip
framework-res.zip
Back to:
com.android.contacts
com.android.systemui
framework-res-hwext
framework-res
Copy the 4 files back into the theme.theme.hwt, If you used mixplorer then just copy the edited theme.theme.hwt back to your main themes folder
If you used a different file manager then remove the ".zip" extension from the theme.hwt then move to your main themes folder.
If you edited theme isn't showing in the Huawei themes manager, you might need to force stop it then reopen the app.
I hope this is clear enough.
Would be great if you share your edited theme here.
Let me know if there's any questions
***(This is a work in progress will be updated as time goes on)***
View attachment 5025795View attachment 5025797View attachment 5025801View attachment 5025803View attachment 5025805View attachment 5025807View attachment 5025809View attachment 5025811View attachment 5025813
Saved 1
Saved 2
Saved 3
Saved 4
Saved 5
How convert volumen bar to transparent?
Thx
Youtube_Ll0r3nt3 said:
How convert volumen bar to transparent?
Thx
Click to expand...
Click to collapse
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
kam333 said:
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
https://we.tl/t-6eYpgSaGFJ
Need transparent vol bar loeo to Ll0r3nt3
Youtube_Ll0r3nt3 said:
https://we.tl/t-6eYpgSaGFJ
Need transparent vol bar loeo to Ll0r3nt3
Click to expand...
Click to collapse
You didn't provide the info I asked for so I'll guess you're talking about the black part
Go to:
com.android.systemui>res>drawable-xxhdpi> volume_popup.9.png (edit this)
Sent from my LYA-L09 using Tapatalk
Instagram sharesheet color and black quick settings toggle and black notifications
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
---------- Post added at 04:06 PM ---------- Previous post was at 03:36 PM ----------
faisal.fmq said:
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
Click to expand...
Click to collapse
Also mixplorer is not saving the file after replacing the color code, its says not supported. How do you open the theme.xl file? code editor, text editor???
faisal.fmq said:
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
---------- Post added at 04:06 PM ---------- Previous post was at 03:36 PM ----------
Also mixplorer is not saving the file after replacing the color code, its says not supported. How do you open the theme.xl file? code editor, text editor???
Click to expand...
Click to collapse
Hi Faisal,
To change the share sheet colour:
framework-res > theme.xml >
<color name="GM2_grey_800">#ff161616</color> (change to preferred colour)
In mixplorer you can use the code or text editor (I prefer the code).
If your editing the theme.xml in framework-res (for example) you first need to extract it from the theme.hwt, then add .zip = framework-res.zip then edit the xml inside
As for the other theme you're best asking the theme creator of that, not all themers use the same structure and this thread is just a quick guide to changing the accent colour since a few people have asked.
Maybe I'll do a longer guide at some point in future but right now I don't want to spend too much time on this.
Sent from my LYA-L09 using Tapatalk
Thank u so much
kam333 said:
Hi Faisal,
To change the share sheet colour:
framework-res > theme.xml >
<color name="GM2_grey_800">#ff161616</color> (change to preferred colour)
In mixplorer you can use the code or text editor (I prefer the code).
If your editing the theme.xml in framework-res (for example) you first need to extract it from the theme.hwt, then add .zip = framework-res.zip then edit the xml inside
As for the other theme you're best asking the theme creator of that, not all themers use the same structure and this thread is just a quick guide to changing the accent colour since a few people have asked.
Maybe I'll do a longer guide at some point in future but right now I don't want to spend too much time on this.
Click to expand...
Click to collapse
kam333 said:
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
kam333 said:
You didn't provide the info I asked for so I'll guess you're talking about the black part
Go to:
com.android.systemui>res>drawable-xxhdpi> volume_popup.9.png (edit this)
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
There is no file to edit, can you check the topics that I send you?
Youtube_Ll0r3nt3 said:
There is no file to edit, can you check the topics that I send you?
Click to expand...
Click to collapse
https://forum.xda-developers.com/showthread.php?p=82700185
Sent from my LYA-L09 using Tapatalk
kam333 said:
Saved 1
Click to expand...
Click to collapse
Hello there.. Please can. U guide me. How do i know what part is called what in the theme. Xml file please. I cannot get it done and there is no guide for themeing emui settings app . God bless u brother

Categories

Resources