[HowTo] Mod a Theme - Huexxx's Battery Icons / Circular / % / Multicolour & more ...

[HowTo] Mod a Theme - Huexxx's Battery Icons / Circular / % / Multicolour & more ...

Hi all!

Given that I wanted a circular icons for the battery indicator on my OB, and that the only way to get some icons to my taste was making them for myself, have encouraged me to create my own icons. My icons have a smooth transition of color from blue (100%) to red (0%) through green (75%), yellow (50%) and orange (25%).



v1 3D icons with darker background (like radio signal strength) and 14p numbers!



v1.1 Enhanced 3D icons, rounder, better shadowed, numbers better centered!



Radio 3D icons v0!



WiFi icons v0. (with darker background like radio signal strength)!



Wifi 3D icons v1!



Dropdown Arrow better visible for WP7 Theme!



New! V10E Stock LG Theme modified with my v1.1 icons:

http://dl.dropbox.com/u/4629711/HBI/Huexxx10EBatt.zip

NOTE: In case of troubles, post here and then we will see the way to restore original framework-res.apk.

Since at the moment I have no intention of creating a complete theme, the only way to enjoy them is inject them into an existing theme, such as those offered by the Theme-Master antonio1475.

To say that until the date, antonio's WP7 Theme is the default Nova theme, so if you have Nova rom and only want to inject my icons, use WP7 theme like explained in this thread.

This tutorial will explain how to inject my icons on antonio1475's WP7 theme, but the process is the same for injection into any other existing theme. It is important that the theme comes with icons for each percentage value of battery charge. In the tutorial everything is done with WinRAR, but can also be done using 7zip.

First of all, the changes explained here work perfectly for me, but I am not responsible for the effects it can have in your case.

1 .- We can download the latest antonio1475's WP7 theme from his thread: http://xdaforums.com/showthread.php?t=1176182

2 .- We can download my pack of icons from here:

Battery v0 - Normal icons: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_Batt_Icons_v0.rar
Battery v1 - 3d icons: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_Batt_Icons_v1.rar
Battery v1.1 - 3d icons: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_Batt_Icons_v1.1.rar
Radio 3d v0: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_Radio_Icons_v0.rar
WiFi v0: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_WiFi_Icons_v0.rar
WiFi 3d v1: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_WiFi_Icons_v1.rar
Clearer Dropdown Arrow for WP7: http://dl.dropbox.com/u/4629711/HBI/clearer_dropdown_arrow.rar

3 .- Put the two files in one folder. It is not necessary but it simplifies things.


4 .- Open the theme with WinRAR by double-clicking on it (in this case WP7themev8final.zip). WinRAR must be the default program to open zip files. If it's not your case, you have to open WinRAR and then find the file with the inside browser and open it. This will open a WinRAR window showing the contents of the package with the theme.


5 .- Navigate within WinRAR to the folder \system\framework


6 .- Open the file framework-res.apk by double-clicking on it inside WinRAR. This opens a new WinRAR window with the content.


7 .- Navigate within WinRAR to the folder \res\drawable-hdpi


8 .- Open my package of icons (Huexxx's_Batt_Icons_v0.rar) with WinRAR.


9 .- Select all files within the package of icons and drag'n'drop them to framework-res.apk WinRAR window in order to replace the icons.


Once done, we can close the WinRAR window with the icons (Huexxx's_Batt_Icons_v0.rar).

10 .- When a dialog to define how to include the new files popups, accept to continue with default parameters.


11 .- Once the new icons have been included in framework-res.apk, close this WinRAR window. The application will ask you to update the file, and you have to accept. Maybe it will ask you to update before close the window, anyway accept and then close it.


You can see the date and size changes in framework-res.apk looking at theme's WinRAR window (WP7themev8final.zip).


12 .- Close the theme's WinRAR window. You can see the date and size changes in WP7themev8final.zip looking at file browser.


The resulting file WP7themev8final.zip is the original theme with the modified icons, ready to install.

Instructions for installing the theme are the same as the author specified for its installation, so read carefully the theme author's thread.
In fact, the theme used for the tutorial can only be installed over Nova ROM or stock 10C ROM.

I recommend you to deactivate the widgets and to run the original launcher (if you use a different one) before flashing the theme, as in my first attempt I had to deactivate and reactivate the widgets, and reconfigure a little the launcher after the flash. After installation, in my case, the first boot stucked on bootimage (several minutes) and I had to remove the battery and restart, but finally everything is correct. Following this recommendations, the second attemp worked flawlessly.

Take a look of some screenshots with the result.

v0:


v1+wifi:


v1.1+clearer dropdown arrow:


Best regards, and if you like them, click on Thanks!

To say that all the procedure above explained can be used in order to modify any .png inside theme's apks.

Be careful with .9.png files... ir must be recompiled and it's more difficult.

For those who wish to use my icons in your themes, it's very simple:

- Ask me for permission
- Include me in the credits

So many thanks to antonio1475, without his help this would be impossible!

Hi again!

I've created new Radio 3d icons.

They are inspired in WP7 theme icons but now in 3d.

You can see it at first post.

Regards!

New wifi icons at first post!

They woludn't be the last, because I want to do another version with thinner lines...

Regards!

shourov said:

can I use this with gingerbread theme?

Click to expand...

Click to collapse

Of course!

If gingerbread theme works well with your rom, modify it an try, all should be ok.