[Guide/Tutorial][JB 4.3+]Create Your Own Xperia Theme

IS MY GUIDE HELPFUL?


  • Total voters
    134
Search This thread

donedos

Senior Member
Jul 8, 2012
394
129
Bacolod
Really great tutorial bro @SArnab©® ! btw, do u know how to make themes for non-rooted also? or do u know how to convert themes for rooted to non-rooted? i will really appreciate it if u could help me. thanks in advance! :highfive:

hi kababayan..this tutorial works for rooted and nonRooted. Just follow the guide carefully to create your own gorgeous Xperia Theme.
 
Last edited:

donedos

Senior Member
Jul 8, 2012
394
129
Bacolod
I dont have resources file...How can make this?(first pic=your sonyericson file,second is mine)

you can simply copy the files from your folder to the folder with missing files. but make sure that when you open the apktool.yml using the texteditor it has the name of the folder being edited with .zip extension name.
 
Last edited:

Fiso

Senior Member
Dec 21, 2013
275
287
can anybody give me an example system.ui.zip?to put asset?
1) Pull your systemUI.apk using adb from terminal but made sure you cd to your preferred directory e.g. type "cd download" and your pull will be saved in download. Use code:
Code:
adb pull system/priv-app/SystemUI.apk
or copy and paste it manually using a file explorer like solid explorer or root explore from playstore.

2)Then decompile using apkmanager(easier) or apktool (harder)
3)Edit images
4)Edit manifest by deleting all and pasting
Code:
<?xml version="1.0" encoding="utf-8"?>
<manifest android:versionCode="1" android:versionName="1.0" package="com.sonymobile.dummy"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <application android:label="None" />
</manifest>
5)Recompile using apkmanager or apktool
6)Rename it from .apk to .zip
7)Unzip it.
8)Compress the AndroidManifest.xml, red folder and resource.arsc file. Into zip
9)Rename zip to com.android.systemui.zip and place it in assets folder.


---------- Post added at 06:19 PM ---------- Previous post was at 06:18 PM ----------

[/COLOR]
hi kababayan..this tutorial works for rooted and nonRooted. Just follow the guide carefully to create your own gorgeous Xperia Theme.

Hi I'm having trouble trying to get my themeFlatisan to work for non-rooted devices. Do I need to use the tool given to compress my zip files? Cause I've been using the compile and rename to .zip method?
 
  • Like
Reactions: askerenos

askerenos

Senior Member
1) Pull your systemUI.apk using adb from terminal but made sure you cd to your preferred directory e.g. type "cd download" and your pull will be saved in download. Use code:
Code:
adb pull system/priv-app/SystemUI.apk
or copy and paste it manually using a file explorer like solid explorer or root explore from playstore.

2)Then decompile using apkmanager(easier) or apktool (harder)
3)Edit images
4)Edit manifest by deleting all and pasting
Code:
<?xml version="1.0" encoding="utf-8"?>
<manifest android:versionCode="1" android:versionName="1.0" package="com.sonymobile.dummy"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <application android:label="None" />
</manifest>
5)Recompile using apkmanager or apktool
6)Rename it from .apk to .zip
7)Unzip it.
8)Compress the AndroidManifest.xml, red folder and resource.arsc file. Into zip
9)Rename zip to com.android.systemui.zip and place it in assets folder.


---------- Post added at 06:19 PM ---------- Previous post was at 06:18 PM ----------

[/COLOR]

Hi I'm having trouble trying to get my themeFlatisan to work for non-rooted devices. Do I need to use the tool given to compress my zip files? Cause I've been using the compile and rename to .zip method?

Thank you very much you've been very helpful :)
 
  • Like
Reactions: Fiso

askerenos

Senior Member
1) Pull your systemUI.apk using adb from terminal but made sure you cd to your preferred directory e.g. type "cd download" and your pull will be saved in download. Use code:
Code:
adb pull system/priv-app/SystemUI.apk
or copy and paste it manually using a file explorer like solid explorer or root explore from playstore.

2)Then decompile using apkmanager(easier) or apktool (harder)
3)Edit images
4)Edit manifest by deleting all and pasting
Code:
<?xml version="1.0" encoding="utf-8"?>
<manifest android:versionCode="1" android:versionName="1.0" package="com.sonymobile.dummy"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <application android:label="None" />
</manifest>
5)Recompile using apkmanager or apktool
6)Rename it from .apk to .zip
7)Unzip it.
8)Compress the AndroidManifest.xml, red folder and resource.arsc file. Into zip
9)Rename zip to com.android.systemui.zip and place it in assets folder.


---------- Post added at 06:19 PM ---------- Previous post was at 06:18 PM ----------

[/COLOR]

Hi I'm having trouble trying to get my themeFlatisan to work for non-rooted devices. Do I need to use the tool given to compress my zip files? Cause I've been using the compile and rename to .zip method?
Hey I am using advanced apktool and ıt cant recompile my system.ui file.Can ı rename it to .apk?
 

Fiso

Senior Member
Dec 21, 2013
275
287
I decompiled apk with advanced apktool but It doesnt recompile my apk.Now,in the apktstudio,ıt doesnt decompile my apk...

Send me the .text file.
But before that delete every folder and file you did not edit in the res folder.
Then recompile. When recompiling ensure you edited the manifest folder in decompiled apk.
 

Top Liked Posts

  • There are no posts matching your filters.
  • 109
    Create your own Xperia™ Theme

    [Now no need to wait for new themes to come up. Have a look/colour in your mind? Want to have a special theme for yourself? Then why to be dependent upon others? Do it all by yourself with the help of my guide.]

    Hello,
    I made this guide because there was no official documentation or how to about this. I have gone through the official themes + few other themes from market and got the idea from them.
    I have myself tested this guide before posting so its 100% working. I have Stock Xperia Google Android 4.3.


    If you just want to change System Accent Colours and/or App BG, Navigation Bar BG, etc. then try this Xposed Module of mine.
    Xperia Themes - Xposed Module


    Note :
    Code:
    At the time of writing this guide I assume that you have a basic knowledge of Android Developers Tool[ADT]. I also assume that you are familiar with Android apps and their development process.
    What things you gonna need to follow my tutorial :
    • A computer / laptop [seriously speaking it's one of the most important thing lol. ;)]
    • Java installed and added to environment path[if you are windows user like me]
    • ADT + Eclipse [I recommend ADT bundle]
    • Theme files [check attachment for these]
    • My guide for sure.
    • Time and Brain.

    FOR FAQ'S PLEASE READ POST #3 BEFORE ASKING THE ALREADY ANSWERED QUESTIONS AGAIN.

    The guide / tutorial starts now :

    PART ONE : CREATE XPERIA THEME, CHANGE SYSTEM COLOURS.

    • Start/open ADT
    • Go to File > New > Android Application Project

    guide1.png



    • Give your desired name to the Theme, The Android Application Project.
    • Give your desired package name to the app.
    • Set Minimum Android Requirement to Android Jelly Bean 4.3 and Maximum to Android Kitkat 4.4/4.4.2

    guide2.png



    • In the next screen un-tick the option to add app icon and Activity
    • Choose the workspace folder else tick to set the default one.

    guide3.png



    • Now open AndroidManifest.xml and add this Permission :
    Code:
    <uses-permission android:name="com.sonymobile.permission.RUNTIME_SKIN" />
    • Now replace the <Application ...></application> Node with this code :
    Code:
    <application 
            android:label="@string/semc_theme_title" 
            android:icon="@drawable/semc_theme_lockscreen_wallpaper" 
            android:allowBackup="false">
            
            <uses-library android:name="com.sonymobile.runtimeskinning" />
            
            <meta-data 
                android:name="com.sonymobile.runtimeskinning.core.image_wallpaper" 
                android:resource="@drawable/semc_theme_wallpaper" />
            
            <meta-data 
                android:name="com.sonymobile.runtimeskinning.core.lockscreen_background" 
                android:resource="@drawable/semc_theme_lockscreen_wallpaper" />
            
        </application>
    Please note : You may change the theme icon.

    guide4.png



    • Now just after
    Code:
    <uses-permission android:name="com.sonymobile.permission.RUNTIME_SKIN" />
    • Add this block of code :
    Code:
    <runtime-skin version="1">
            <asset path="android.zip" target="android">
                <laf-version-filter from="1" to="1" />
            </asset>
            <asset path="com.sonyericsson.uxp.zip" target="com.sonyericsson.uxp">
                <laf-version-filter from="1" to="1" />
            </asset>
        </runtime-skin>
    Please note : You will need to push android.zip & com.sonyericsson.uxp.zip files with all theme resources to the asset folder.[You can find these two in attachments]

    guide5.png


    Note :You can add asset reference for more apps as you extend the theming support.
    For Example you can add this to add support for theming SystemUI.apk :

    Code:
    <asset path="com.android.systemui.zip" target="com.android.systemui">
                <laf-version-filter from="1" to="1" />
            </asset>
    Also note that you will need to push com.android.systemui.zip file with all theme resources to the asset folder.

    • Now save AndroidManifest.xml
    • You will get errors. Nothing to worry. Its known and easy to fix.
    • Open themeProject > values > strings.xml
    • Change
    Code:
    <string name="[COLOR=Red]app_name[/COLOR]">Pink</string>
    • To
    Code:
    <string name="[COLOR=Red]semc_theme_title[/COLOR]">Pink</string>
    • Save and close the file.
    • Now Reopen AndroidManifest.xml
    • Left Click in between the texts underlined with red, then Right Click and press "Quick Fix" in the pop-up menu. Then You will see a new pop-up menu as in the pic below. Then click on "Disable Check in This Project"
    guide6.png


    • To correct the errors in Application node move Wallpaper and icon pictures to drawable-xxdpi according to your need.
    • Now download "XperiaThemesApktoolbySArnab©®" zip file from the attachments below and extract it at your desired location.
    • I specially made this Apktool set folder for Xperia™ Themes.
    • Inside the extracted folder you will find Apktool files for Windows OS[Linux and MAC users you need to replace Windows specific files with your OS's files.] along with Xperia™ Apps specific folders for making Xperia™ Themes.
    • All you need to do is add assets to this folders and use provided Apktool to recompile them. They will be automatically get compiled as .zip file instead of .apk file as .zip file is needed for Xperia™ Themes.
    • In android folder :
      • You need move theme png resources if you want to change the look, into respective drawable folders.
        • FOR THIS FOLLOW THE PART TWO OF THE GUIDE IN POST #2
    • In com.sonyericsson.uxp folder :
      • You need to edit res > values > colors.xml as per your theme colour preference.
    • Now when you think you are ready to create the theme use Apktool[Or your desired tool] to recompile android, com.sonyericsson.uxp and all other app specific folders from "XperiaThemesApktoolbySArnab©®".

    [*]Now Move all the zip files from specific folders to the assets folder of your project.
    [/LIST]
    attachment.php


    • When everything is set your theme project tree should be like this to great extent.
    guide7.png

    • Test the theme through Eclipse else export by signing and share your masterpiece with others.
    GUYS AM ATTACHING MY THEME SOURCE SO THAT YOU ALL CAN GO THROUGH THAT IF YOU FELL INTO SOME PROBLEM.

    PLEASE RATE THE THREAD WITH 5 STARS IF YOU THINK MY GUIDE IS HELPFUL.

    ALSO CLICK ON TIP US SO THAT THIS GUIDE CAN COME UP ON XDA PORTAL.

    ADD A LINK TO THIS THREAD IN YOUR SIGNATURE TO EXTEND THE NEWS OF THIS THREAD AND ALSO TO SHOW YOUR SUPPORT.

    THANK-YOU.

    Update 1 : I have updated the guide at places where users were having problem following it.
    I have also added special Xperia Themes ready apktool folder with app specific folders to make it easier to create Xperia Themes.

    CREDITS :

    @
    funky0308 [IT WAS HE WHO GAVE ME THE IDEA TO EDIT ASSETS FILES THROUGH HIS GUIDE OF EDITING XPERIA THEMES]
    SONY FOR THIS AWESOME OPTION TO THEME OUR MOBILE. @SArnab©® [THAT'S ME] FOR CREATING THIS WHOLE GUIDE.
    42
    Adding Image and drawable resources into your Xperia theme.

    PART TWO : ADDING DRAWABLE PNGS AND JPEGS TO YOUR XPERIA THEME.

    THIS PART OF MY GUIDE WILL HELP YOU IN ADDING IMAGES TO YOUR THEME TO CHANGE THE LOOK TO THE GREATEST POSSIBLE WAY.

    BEFORE I START, I WANT YOU ALL TO KNOW ONE SIMPLE THING. IN THIS GUIDE HERE I WILL BE SHOWING YOU HOW TO ADD THEMED IMAGES IN FRAMEWORK APK. THE SAME PROCEDURE WORKS FOR XPERIA HOME AND SYSTEM-UI APK. SO PLEASE DO NOT ASK SILLY QUESTIONS AS HOW TO THEME STATUS-BAR ICONS AND ETC. , ETC.

    FOLLOW UP FROM HERE AND SOON YOU WILL BE MAKING PROFESSIONAL THEMES ON YOUR OWN.

    STEPS :

    • De-compile "framework-res.apk"
    • Open up framework-res/res/drawable-hdpi/ [Or whatever dpi your device supports]

    • NOTE : HERE I WILL SHOW YOU HOW TO CHANGE :
      • APPS BACKGROUND
      • VOLUME BAR SCRUBBER
    You can replace any drawable present in this folder. But we are going to change the background images only for this time.
    If you go down you will find two pngs named : "semc_bg" & "semc_bg_light". These are the Pngs that we need to replace to replace the App's background.



    • Now download/create/paint or do whatever you want and get hands on two different pngs, one for Dark Theme [ Like Settings in Android 4.1.x/4.2.x in Sony ] and another for Light Theme [ Like Settings in Android 4.3 in Sony ] and rename them to "semc_bg" & "semc_bg_light" respectively.

    • Move the two newly renamed pngs to the respective drawable-xxdpi folder of the android folder that you had previously downloaded from the above post : apktool/android/drawable-hdpi/here

    attachment.php



    • NOTE : YOU NEED TO PLACE ALL YOUR DESIRED IMAGES INTO RESPECTIVE DRAWABLE-FOLDERS.
    • Now you need to do the same thing to theme Scrubbers.

    attachment.php


    attachment.php



    • Once you are ready with all the pngs continue with rest of the guide in post #1.
    27
    FAQ'S :

    Q. HOW TO THEME SYATEMUI?
    ANS. FOLLOW THESE STEPS :

    Download and extract "XperiaThemesApktoolbySArnab©®" zip file from the attachments in 1st post [You don't need to do it again if you have already done so while following Post #1.].
    Open com.android.systemui folder.
    Add your desired resources in res/drawable-yourdevicedpifolder.
    If you want to change colour then add values folder inside res folder. Create colors.xml file and add color code.

    Recompile and copy paste the newly created .zip file from "XperiaThemesApktoolbySArnab©®/com.android.systemui/dist/here" to the assets folder of your Theme Project.

    Q. HOW TO THEME ANY OTHER SYSTEM APP?
    ANS. FOLLOW THE ABOVE STEPS WITH FEW CHANGES SUCH AS :

    I have added options to theme other system apps in my new attachment named "XperiaThemesApktoolbySArnab©®.zip" in 1st post.

    Q. HOW TO ADD SUPPORT FOR DIFFERENT APPS THEMEING?
    ANS. YOU CAN THEME ALL THE APPS INSTALLED IN YOUR DEVICE. TO DO THAT YOU NEED TO PERFORM 2 ACTIONS.
    1. ADD THIS BLOCK OF CODE TO THE MANIFEST FILE SO THAT THE THEME MANAGER KNOWS WHICH APPS ARE SUPPORTED BY YOUR THEME APP :

    Code:
    <asset path="[COLOR="Red"]com.android.systemui.zip[/COLOR]" target="[COLOR="red"]com.android.systemui[/COLOR]">
                <laf-version-filter from="1" to="1" />
            </asset>

    THE ABOVE CODE ADDS SUPPORT FOR SYSTEMUI THEMEING.
    TO SUPPORT OTHER APPS JUST CHANGE THE TEXTS IN RED.
    FOR EXAMPLE FOR SETTINGS APP :
    Code:
    <asset path="[COLOR="Red"]com.android.settings.zip[/COLOR]" target="[COLOR="red"]com.android.settings[/COLOR]">
                <laf-version-filter from="1" to="1" />
            </asset>
    FOR THIS YOU NEED TO KNOW THE PACKAGE NAME OF THE APP YOU WANT TO THEME.

    2. YOU NEED TO CREATE A APP.PACKGANE.NAME.ZIP FILE WITHH ALL THEME RESOURCES FOR THAT CONCERNED APP AND MOVE THE ZIP FILE TO ASSETS FOLDER OF YOUR PROJECT.
    PLEASE NOTE THE NAME OF ZIP FILE MUST BE SAME AS STATED IN MANIFEST.
    4
    Thanks

    Thanks for awesome guide,

    Here's my first Xperia Theme

    Screenshots :-

    5yO1dbu.png
    xFJylcg.png
    rSvFFed.png
    Y6bgdjC.png
    L8GnsAs.png
    VmCdLhn.png
    AM4R4mY.png


    Link :-

    Lamborghini Aventador Xperia Theme v1.1 - Mediafire
    4
    Guide updated.

    Made it easier to follow.

    Added new attachment so that new comers can make Xperia themes more easily.