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

Search This thread

Huexxx

Senior Member
Jul 21, 2009
1,966
5,058
46
Madrid
Redmi Note 10 Pro
[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%).

sample.jpg


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

sample_14p_relieve.jpg


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

sample_v1.1.jpg


Radio 3D icons v0!

sample_radio3d.jpg


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

sample_wifi.jpg


Wifi 3D icons v1!

sample_wifi_v1.jpg


Dropdown Arrow better visible for WP7 Theme!

sample_dda.jpg


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.
HBI01.jpg


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.
HBI02.jpg


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


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


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


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


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.
HBI07.jpg


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.
HBI08.jpg


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.
HBI09.jpg


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


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


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:
86pc.png
31pc.png
charg.png


v1+wifi:
89pc-3d.png
charg-3d.png


v1.1+clearer dropdown arrow:
30pc-1.1.png
cdda.png


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

Huexxx

Senior Member
Jul 21, 2009
1,966
5,058
46
Madrid
Redmi Note 10 Pro
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!
 

Huexxx

Senior Member
Jul 21, 2009
1,966
5,058
46
Madrid
Redmi Note 10 Pro
Hi again...

Despite not having had any response, I will continue with the project because it is primarily for myself.

I've updated the main post with a new 3D version of the icons and some icons wifi, same as included in antonios1475's wp7 theme but with darker gray background, like radio signal one.

Regards!
 

xstrifey

Member
Aug 22, 2011
22
2
They look great!

Maybe you could ask for antonio1475's permission for you to inject your theme mods and then link the finished repacked theme from his base project.

It would be totally at his discretion though
 

Huexxx

Senior Member
Jul 21, 2009
1,966
5,058
46
Madrid
Redmi Note 10 Pro
They look great!

Maybe you could ask for antonio1475's permission for you to inject your theme mods and then link the finished repacked theme from his base project.

It would be totally at his discretion though

Thanks so much for the first reply to my thread!

It would be fantastic, but then i've to update and upload the modified theme every time he changes his theme... and in the thread I explain thoughly how to modify the original theme in easy steps.

Believe me when I say that it will take you about 1 minute in modify the theme, and you will have the satisfaction of have done it by yourself.

Regards!
 

Huexxx

Senior Member
Jul 21, 2009
1,966
5,058
46
Madrid
Redmi Note 10 Pro
Hi all...

I've observed that my new 3d icons weren't as circular as I would like, so I have decided to touch up them.

Now are rounder, better shadowed and thay have the number better placed in the centre of the icon.

Also, I've added a new dropdown list arrow in order to modify original WP7's icon because IMHO it's dificult to distinguish the black arrow inside the dark grey gradient circle.

Regards!
 
Last edited:

Huexxx

Senior Member
Jul 21, 2009
1,966
5,058
46
Madrid
Redmi Note 10 Pro
Difficult?

Doucle-click on a .zip
Navigate inside winrar to a file
Double-click the file
Navigate inside another winrar to a folder
Drag and drop some files
Close all

Is this hard to do?

TRy it, believe me, it's so easy!
 

Huexxx

Senior Member
Jul 21, 2009
1,966
5,058
46
Madrid
Redmi Note 10 Pro
is it possible to change the icons for stock rom without flashing?

Without flashing what... another ROM?

Antonio's theme seems to run over stock 10C (the baseline of actual nova). If you have that stock ROM, you can try...

... but... if something goes wrong... stock ROM doesn't have the keycomb to access recovery... and you would reflash with LG stuff...

Select the theme you want to modify, and read troughly the thread in order to know if the theme goes well with your ROM.

When I would know how to modify .xmls, I'll complete the thread with base themes of the different stock ROMs to modify them.

Regards!
 

avci

Member
Aug 26, 2011
36
2
Sakarya
Wow that was awesome. I was looking for that. Can we make this changes for dropdown menu icons (wifi,gps..) for changing color and shape. I want to make them black or red. Thx for this great post.
 

noranyan

Senior Member
Apr 21, 2011
66
39
The icons are awesome!

It would be perfect if somebody could write a guide on how to incorporate them into the stock rom...
 

Top Liked Posts

  • There are no posts matching your filters.
  • 22
    [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%).

    sample.jpg


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

    sample_14p_relieve.jpg


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

    sample_v1.1.jpg


    Radio 3D icons v0!

    sample_radio3d.jpg


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

    sample_wifi.jpg


    Wifi 3D icons v1!

    sample_wifi_v1.jpg


    Dropdown Arrow better visible for WP7 Theme!

    sample_dda.jpg


    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.
    HBI01.jpg


    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.
    HBI02.jpg


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


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


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


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


    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.
    HBI07.jpg


    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.
    HBI08.jpg


    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.
    HBI09.jpg


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


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


    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:
    86pc.png
    31pc.png
    charg.png


    v1+wifi:
    89pc-3d.png
    charg-3d.png


    v1.1+clearer dropdown arrow:
    30pc-1.1.png
    cdda.png


    Best regards, and if you like them, click on Thanks!
    2
    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!
    2
    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!
    1
    New wifi icons at first post!

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

    Regards!
    1
    can I use this with gingerbread theme?:) :) :) :)

    Of course!

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