[Android Themes] antonio1475:
Tutorial to make FN themes

Tutorial to make FN themes​

It's easier than it seems. But first time requires a bit of patience and a few minutes.

Setting it up

:

0.-Download APK Manager from:

http://www.mediafire.com/?o4idx4en9ldnwx4 (Mac)

http://apkmultitool.com/downloads/APK-Multi-Toolv1.0.11.zip (Windows)

0.1-Unzip to some place you will not need to move it (C:\ or root disk)

0.2-Double click into "Setup" file and follow instructions (In windows maybe you have to choose, it's easy but I can't remember/do it. InMAc is just pressing a "Continue" button and nothing more I think). You can't mess up.

Decompiling

:

Note: When I say "Write 23 (whatever)", you just have to write the number 23 or whatever it is, nothing more. No names or spaces or nothing.

1. Copy an existing theme apk in the folder called "place-apk-here-for-modding"

2. Start the "Script.bat" or APKManager (mac) --> A terminal window opens

3. Write 23 (Set current Project) [It may vary to 22 or 24 depending on version. Just read which number it is] and enter

4. Choose the app you want to extract from the list and write its number (1 if you only have one at this time), then Enter

5. Write 10 (Decompile apk) [It may vary depending on version/OS. Just read]

Theming

:

6. Now go to the folder called "Projects"

7. Open the folder of the app you just have decompiled

Changing the package name and theme name:

8. Open AndroidManifest.xml with Notepad or TextEdit (just not Word or big stuff)

9a. You have to edit the line package="com.antonio.opaleopaque" change it to com.yourname.packagename. The package name must be different for each theme or they will overwrite the old one. Remember this!!

9b. You have to edit the line android:label="Dadostile Opale Opaque" change it to the name you want (it will be the display name)

Changing the bubble:

10. Open the folder called "res"

11. Open the folder called "drawable"

10. Edit the "mask_frame.png"

11. Edit the "mask.png" according to the frame. This png tells FN where to paint the contact/app icon. Paint the part you want to fill, and the part outside the frame (you don't want a picture there) just leave it transparent.

12. The "mask_bg.png" is the background that will appear if the app icon for example is small or has some shape. Probably the best thing is leave it as a copy of mask.png or blank. Do whatever you want with this, just try. :)

Changing the textbox:

13. Edit the "tip.png" however you want

14. Open "rounded_rect.xml"

15a. The line <solid android:color="#ff717e73" /> is the background color. The first ff is the transparency (let's keep it simple: it goes from 00 to 99, ff means 100%), the other 6 numbers are the rgb color.

15b. The other lines are radius and paddings. Easy to understand. If you don't understand them, just don't touch them

15c. The line "<stroke android:width="2.0px" android:color="#ff000000" />" is the border width (2.0px) and the color. Same color stuff as in step 15a.

Changing the text and action buttons colors:

16. Go to the folder "values" (inside the folder "res") and open "colors.xml". The easiest xml ever. Just the same color stuff as before.

Changing the app icons:

17. Go to the folders "drawable-hdpi", "drawable-mdpi" and "drawable-xhdpi". There is just one file called "ic_launcher.png", change it if you want a custom icon for your theme.

Recompiling

:

18. Go back to the terminal window and write 14 (Compile) [The number may vary, just read), Enter.

19. Will ask if it's a system apk, write "n"

Signing:

20. Write 5 (Sign apk) [The number may vary]

Now you are good to go. If you have adb and USB debugging, you can connect your device and press 7 (or whatever, it may vary) to install it via usb faster. If not, send it to your device as you want and install it, then try it.