[GUIDE]Make your custom theme

3lMghraby

Senior Member
Mar 2, 2013
1,105
855
143
Hi I started this thread as I wanted to share a very good idea about customizability which will be how to make your custom theme out of those you already have for example the icons of a them with the wallpaper of the other along with the dialer of another.

Intro
all of the edits will be in data/Overlays/jsonfiles/user or trial json
I will include 3 themes in this tutorial and combine them to come up with one them consisted of them all
those themes will be Samsung space , Samsung Pink , and material design theme

Getting into it

we will be editing one theme with lines of the others to simplify it we will change the dialer of space for example to the dialer of material design so you get material design dialer when applying space theme also we will use the contacts of pink and icons of material theme
this is what you get when you open space theme json file in userjson those what we will change are marked with red down below
first of all we can replace them (better option) or completely delete the lines then copy the new ones
for I icon pack of material design the line is as follows
"appicon": "com.cambunch.MaterialDesign.appicon",
we replace the red line below with the on above to get material design theme icon pack with space theme
for the contacts and dialer apps respectively
"com.sec.Pink.common.contacts",
"com.cambunch.MaterialDesign.phone",
you will have to apply a different theme and reboot to apply changes
any questions are welcomed and I hope I have helped :)
Code:
"opentheme_version": "1.0.0",
  "tool_version": "1.1.10.1050187",
  "header": {
    "title": "Space",
    "description": "",
    "type": "Theme",
    "resolutions": [
      "1440x2560"
    ]
  },
  "themes": [
    {
      "type": "Base",
      "lock": "com.sec.Space.common.lock",
      "home": "com.sec.Space.common.home",
      [COLOR="red"]"appicon": "com.sec.Space.common.appicon",[/COLOR]
      "wallpaper": "com.sec.Space.common.wallpaper",
      "appstyle": {
        "framework": "com.sec.Space.common.common",
        "twframework": "com.sec.Space.common.touchwiz",
        "applications": [
          "com.sec.Space.common.inputmethod",
          "com.sec.Space.common.taskmanager",
          "com.sec.Space.common.settings",
          "com.sec.Space.common.capabilitymanager",
          "com.sec.Space.common.sm",
          "com.sec.Space.common.inputmethod_cn",
          "com.sec.Space.common.japan",
          "com.sec.Space.common.dmb",
          "com.sec.Space.common.kweather",
          "com.sec.Space.common.cmaweather",
          "com.sec.Space.common.weathernewsjp",
          [COLOR="red"]"com.sec.Space.common.contacts",[/COLOR]
          "com.sec.Space.common.simcardmgr",
          "com.sec.Space.common.cocktailbarservice",
          "com.sec.Space.common.peoplestripe",
          "com.sec.Space.common.mobiletv",
          "com.sec.Space.common.writingbuddyservice",
          "com.sec.Space.common.mms",
          "com.sec.Space.common.clockpackage",
          "com.sec.Space.common.digitalclock",
          "com.sec.Space.common.dualclockdigital",
          "com.sec.Space.common.popupcalculator",
          "com.sec.Space.common.calendar",
          "com.sec.Space.common.myfiles",
          "com.sec.Space.common.ui",
          "com.sec.Space.common.composer",
          "com.sec.Space.common.widget",
          "com.sec.Space.common.memo",
          "com.sec.Space.common.voicenote",
          "com.sec.Space.common.coreapps",
          "com.sec.Space.common.voicerecorder",
          "com.sec.Space.common.gallery3d",
          "com.sec.Space.common.music",
          "com.sec.Space.common.video",
          "com.sec.Space.common.galaxyfinder",
          "com.sec.Space.common.accuweather",
          "com.sec.Space.common.simsettingmgr",
          [COLOR="Red"]"com.sec.Space.common.phone",[/COLOR]
          "com.sec.Space.common.hearingadjust",
          "com.sec.Space.common.safetyassurance",
          "com.sec.Space.common.securitylogagent",
          "com.sec.Space.common.fotaclient",
          "com.sec.Space.common.wssyncmldm",
          "com.sec.Space.common.diagmonagent",
          "com.sec.Space.common.policydm",
          "com.sec.Space.common.talkback",
          "com.sec.Space.common.advsounddetector",
          "com.sec.Space.common.assistantmenu",
          "com.sec.Space.common.universalswitch",
          "com.sec.Space.common.accesscontrol",
          "com.sec.Space.common.SMT",
          "com.sec.Space.common.vepreload",
          "com.sec.Space.common.backup",
          "com.sec.Space.common.aircommand",
          "com.sec.Space.common.themecenter"
        ]
      },
      "sound": {
        "screen_touch": "com.sec.Space.common.TW_Touch.ogg",
        "hw_touch": "com.sec.Space.common.180008226.ogg",
        "dial": "com.sec.Space.common.dial.ogg",
        "keyboard": "com.sec.Space.common.keyboard.ogg",
        "keyboard_back": "com.sec.Space.common.180008228.ogg"
      },
      "font": {
        "clock": "com.sec.Space.common.Moxie.ttf"
      }
    }
  ]
}
 

3lMghraby

Senior Member
Mar 2, 2013
1,105
855
143
I just want to change style of toggle bar. I don't want to change rest. How to do this? Thank you
What line should we replace to change the icons of the notification panel?
for the theme space theme which the tutorial is based on this line "lock": "com.sec.Space.common.lock", the lock line is responsible for lockscreen icon and the notification toggles
if you want to change that only you will need to delete all lines in the xml of the theme which may lead to that the theme wont apply so you can keep normal changes and delete those lines responsible for phone contacts and music,etc


What tools do I need to make my own theme?
to build a theme from scratch you will need samsung theme maker I think
but if you mean to use the toturial capable file manager such as solid explorer or es file explorer can do the job
 
  • Like
Reactions: ilker4fun

Rayven1967

New member
Feb 5, 2016
1
0
0
I just want a site to go to that u can upload your own pics or choose pics and different layouts ect something simple for us not so computer brains
 

snowblind2142

Senior Member
Jan 20, 2010
1,317
314
113
Manchester
Hi I started this thread as I wanted to share a very good idea about customizability which will be how to make your custom theme out of those you already have for example the icons of a them with the wallpaper of the other along with the dialer of another.

Intro
all of the edits will be in data/Overlays/jsonfiles/user or trial json
I will include 3 themes in this tutorial and combine them to come up with one them consisted of them all
those themes will be Samsung space , Samsung Pink , and material design theme

Getting into it

we will be editing one theme with lines of the others to simplify it we will change the dialer of space for example to the dialer of material design so you get material design dialer when applying space theme also we will use the contacts of pink and icons of material theme
this is what you get when you open space theme json file in userjson those what we will change are marked with red down below
first of all we can replace them (better option) or completely delete the lines then copy the new ones
for I icon pack of material design the line is as follows
"appicon": "com.cambunch.MaterialDesign.appicon",
we replace the red line below with the on above to get material design theme icon pack with space theme
for the contacts and dialer apps respectively
"com.sec.Pink.common.contacts",
"com.cambunch.MaterialDesign.phone",
you will have to apply a different theme and reboot to apply changes
any questions are welcomed and I hope I have helped :)
Code:
"opentheme_version": "1.0.0",
  "tool_version": "1.1.10.1050187",
  "header": {
    "title": "Space",
    "description": "",
    "type": "Theme",
    "resolutions": [
      "1440x2560"
    ]
  },
  "themes": [
    {
      "type": "Base",
      "lock": "com.sec.Space.common.lock",
      "home": "com.sec.Space.common.home",
      [COLOR="red"]"appicon": "com.sec.Space.common.appicon",[/COLOR]
      "wallpaper": "com.sec.Space.common.wallpaper",
      "appstyle": {
        "framework": "com.sec.Space.common.common",
        "twframework": "com.sec.Space.common.touchwiz",
        "applications": [
          "com.sec.Space.common.inputmethod",
          "com.sec.Space.common.taskmanager",
          "com.sec.Space.common.settings",
          "com.sec.Space.common.capabilitymanager",
          "com.sec.Space.common.sm",
          "com.sec.Space.common.inputmethod_cn",
          "com.sec.Space.common.japan",
          "com.sec.Space.common.dmb",
          "com.sec.Space.common.kweather",
          "com.sec.Space.common.cmaweather",
          "com.sec.Space.common.weathernewsjp",
          [COLOR="red"]"com.sec.Space.common.contacts",[/COLOR]
          "com.sec.Space.common.simcardmgr",
          "com.sec.Space.common.cocktailbarservice",
          "com.sec.Space.common.peoplestripe",
          "com.sec.Space.common.mobiletv",
          "com.sec.Space.common.writingbuddyservice",
          "com.sec.Space.common.mms",
          "com.sec.Space.common.clockpackage",
          "com.sec.Space.common.digitalclock",
          "com.sec.Space.common.dualclockdigital",
          "com.sec.Space.common.popupcalculator",
          "com.sec.Space.common.calendar",
          "com.sec.Space.common.myfiles",
          "com.sec.Space.common.ui",
          "com.sec.Space.common.composer",
          "com.sec.Space.common.widget",
          "com.sec.Space.common.memo",
          "com.sec.Space.common.voicenote",
          "com.sec.Space.common.coreapps",
          "com.sec.Space.common.voicerecorder",
          "com.sec.Space.common.gallery3d",
          "com.sec.Space.common.music",
          "com.sec.Space.common.video",
          "com.sec.Space.common.galaxyfinder",
          "com.sec.Space.common.accuweather",
          "com.sec.Space.common.simsettingmgr",
          [COLOR="Red"]"com.sec.Space.common.phone",[/COLOR]
          "com.sec.Space.common.hearingadjust",
          "com.sec.Space.common.safetyassurance",
          "com.sec.Space.common.securitylogagent",
          "com.sec.Space.common.fotaclient",
          "com.sec.Space.common.wssyncmldm",
          "com.sec.Space.common.diagmonagent",
          "com.sec.Space.common.policydm",
          "com.sec.Space.common.talkback",
          "com.sec.Space.common.advsounddetector",
          "com.sec.Space.common.assistantmenu",
          "com.sec.Space.common.universalswitch",
          "com.sec.Space.common.accesscontrol",
          "com.sec.Space.common.SMT",
          "com.sec.Space.common.vepreload",
          "com.sec.Space.common.backup",
          "com.sec.Space.common.aircommand",
          "com.sec.Space.common.themecenter"
        ]
      },
      "sound": {
        "screen_touch": "com.sec.Space.common.TW_Touch.ogg",
        "hw_touch": "com.sec.Space.common.180008226.ogg",
        "dial": "com.sec.Space.common.dial.ogg",
        "keyboard": "com.sec.Space.common.keyboard.ogg",
        "keyboard_back": "com.sec.Space.common.180008228.ogg"
      },
      "font": {
        "clock": "com.sec.Space.common.Moxie.ttf"
      }
    }
  ]
}
Amazing! Your thread is exactly what I've been looking for! :Don't
Thank you!

Got a couple of quick questions, if anyone can help

To make it easy to follow, I'll call them theme 1, 2 and 3.

I want to make theme 3 with elements of 1 and 2.
So without setting theme 3 (ever), I edit the Jason file script of theme 3 to install the relevant components of themes 1 and 2, save, reboot, and apply theme 3,
It should be theme 3 with the parts of theme 1 and 2 that I want? Am I correct?

I have tried but the elements I changed reverted to the stock one (lock and toggles was my first test) :( if the process above is right, I will try again.

Thanks again for the best thread for Samsung theeming I've seen!
 

thermax04

Senior Member
Nov 26, 2010
3,055
1,458
0
Yes what u did is right, only trick is both ui and lock apk working together, u must use both ui and lock apks from the same theme, other wise u will end with stock goggles

Note 5 N920C
 
  • Like
Reactions: snowblind2142

ahmed_ais

Senior Member
Jul 21, 2011
398
239
0
Touchwiz related, not Note5 specific, still on-topic though

Can we add (to an existing theme) support to a 3rd party app? like a special icon for facebook for example?

I used to use CSCAppResources method to theme touchwiz but it doesn't seem to work with newer ROMs and I don't know why.
 

sourav143

Senior Member
Sep 24, 2016
191
14
0
Hi I started this thread as I wanted to share a very good idea about customizability which will be how to make your custom theme out of those you already have for example the icons of a them with the wallpaper of the other along with the dialer of another.

Intro
all of the edits will be in data/Overlays/jsonfiles/user or trial json
I will include 3 themes in this tutorial and combine them to come up with one them consisted of them all
those themes will be Samsung space , Samsung Pink , and material design theme

Getting into it

we will be editing one theme with lines of the others to simplify it we will change the dialer of space for example to the dialer of material design so you get material design dialer when applying space theme also we will use the contacts of pink and icons of material theme
this is what you get when you open space theme json file in userjson those what we will change are marked with red down below
first of all we can replace them (better option) or completely delete the lines then copy the new ones
for I icon pack of material design the line is as follows
"appicon": "com.cambunch.MaterialDesign.appicon",
we replace the red line below with the on above to get material design theme icon pack with space theme
for the contacts and dialer apps respectively
"com.sec.Pink.common.contacts",
"com.cambunch.MaterialDesign.phone",
you will have to apply a different theme and reboot to apply changes
any questions are welcomed and I hope I have helped :)
Can u help me pls

Pls tell by which package or which file in a package control these two things?

1. Nevigation icon
2. Badge color
 

Attachments