Anything about ROM Recover and Modding for Coolpade Note 3, Spice Mi 535 and Elephone Vowney Lite

Wednesday, March 16, 2016

How to make themes



Prerequisites:

1.Any zip extractor(7zip recommended for pc and x-plore for mobile)

2.Notepad ++ for xml files editing(x-plore’s own text editor can be used if you are making theme through mobile and having no pc)

First of all you will need a base theme on which you have to do your editing.Select any theme and rename it as zip file.

before renaming


after renaming


**Now extract theme after renaming it into zip.Now you have to change/add icons inside icon folder of the theme.

To find out the name of icons use this method.
Install apex launcher and open it-Long press on blank space of homescreen and select shortcuts-then select activities-then you will see a list of apps.To know the app icon name click on left side down arrow.If name start with dot(.) then add main name also.Use the coloured name shown.

For example:
For Coolshow app name will be com_yulong_android_coolshow_app_coolshowactivity.png


And for google chrome com_google_android_apps_chrome_main.png




Now you have to edit items in different folders of the theme.



Folders explanation:
**android\res\drawable-nodpi contains wallpapers and android\res\drawable-xhdpi contains spinners, text selection handle, status bar background for some processes,radio buttons, reboot screen icons and background. properties.xml in androidfolder contains screen size(width and height)

**com.android.mms\res\drawable-xxhdpi-v4 contains messaging status bar background,message backgrounds, check buttons and other icons. properties.xml is used for text colour codings.

** com.android.packageinstaller\res\drawable-xhdpi contains app installation icons

** com.android.phone\res\drawable-xhdpi contains check boxes,alert background and status bar background for some processes

** com.android.settings\res\drawable-xhdpi contains statusbar background for settings,check boxes  and icons for settings menu. properties.xml isused for text colour codings.

** com.android.settings.bluetooth\res\drawable-xxxhdpicontains on-off toggle,check boxes and status bar background for Bluetooth.

** com.android.settings.wifi\res\drawable-xxxhdpi contains status bar background,wifi icons,on-off toggle,radio buttons and check boxes for wifi

** com.android.systemui\res\drawable-xxhdpi contains icons for quick settings panel,brightness seekbar and slider,battery icons,signal and wifi icons etc.

com.android.systemui\res\drawable-zh-xxhdpi contains data network icons and properties.xml contains text colour for notification background,text colours for quick settings panel etc.

** com.yulong.android\res\drawable-xhdpi contains status barbackground  for some processes check boxes,radio buttons,on-off toggle,copy,cut,delete,paste,share icons etc.

** com.yulong.android.contacts\res\drawable-xhdpi contains dialer icons,dial buttons,contacts and call log icons and backgrounds,statusbar background,menu background etc. properties.xml is used for text colour codings.

** com.yulong.android.filebrowser\res\drawable-xxxhdpi contains on-off toggle,status bar background,scroll icon,check boxes and radio buttons for file browser.

** com.yulong.android.launcher3\res\drawable-xxhdpi contains app icon background,widget app icons,numbers for calendar

** com.yulong.android.ota\res\drawable-xhdpi and com.yulong.android.ota\res\drawable-xxxhdpi contains notification icons,status bar background and some other icons for OTA.

** icon folder contains app icons

** res contains screenshots preview for the theme

Colour coding explanation:
Colour codes(in hexadecimal format) for applications are generally written in app\res\values folder in colors.xml file.Take the name of items whose colour is to change from colors.xml.



Now use this format to change colour:
<color key="item name" value="#colour code" />





First two letters gives transparency and next 6 letters give colour code. For example in ff39b4ed first two letters(ff) denotes that it is fully opaque and next six letter(39b4ed) gives blue colour

Opacity Values

100% — FF
99% — FC
98% — FA
97% — F7
96% — F5
95% — F2
94% — F0
93% — ED
92% — EB
91% — E8
90% — E6
89% — E3
88% — E0
87% — DE
86% — DB
85% — D9
84% — D6
83% — D4
82% — D1
81% — CF
80% — CC
79% — C9
78% — C7
77% — C4
76% — C2
75% — BF
74% — BD
73% — BA
72% — B8
71% — B5
70% — B3
69% — B0
68% — AD
67% — AB
66% — A8
65% — A6
64% — A3
63% — A1
62% — 9E
61% — 9C
60% — 99
59% — 96
58% — 94
57% — 91
56% — 8F
55% — 8C
54% — 8A
53% — 87
52% — 85
51% — 82
50% — 80
49% — 7D
48% — 7A
47% — 78
46% — 75
45% — 73
44% — 70
43% — 6E
42% — 6B
41% — 69
40% — 66
39% — 63
38% — 61
37% — 5E
36% — 5C
35% — 59
34% — 57
33% — 54
32% — 52
31% — 4F
30% — 4D
29% — 4A
28% — 47
27% — 45
26% — 42
25% — 40
24% — 3D
23% — 3B
22% — 38
21% — 36
20% — 33
19% — 30
18% — 2E
17% — 2B
16% — 29
15% — 26
14% — 24
13% — 21
12% — 1F
11% — 1C
10% — 1A
9% — 17
8% — 14
7% — 12
6% — 0F
5% — 0D
4% — 0A
3% — 08
2% — 05
1% — 03
0% — 00
For hexadecimal codes use http://www.colorpicker.com/ or any other online colour code websites.
Now last step is to edit description.xml.As clear from it's name,it is used for description of themes,author etc.Give theme Id,label,version,introduction,author name,resolution etc.
After all these editings compress folder into zip and again rename it as theme extension.





 Now place your theme inside coolpad/coolshow/theme folder and apply theme through coolshow app.





About The Admin Of This Blog:

Author Of This Article

Hello, My Name Is Md Rajaul(Atrvscet@xda forum),the man behind anythingultimate.in,a blog dedicated to development of ROM,Recovery and Modding of Coolpad Note 3, Spice Mi 535, Elephone vowney lite etc.Goal of this blog is to collect and provide best available information related to these phones.

Stay Connected With Me On GooglePlus, Facebook And Twitter



You Like It, Please Share This Article Using...


pinterest


Don't Forget To Read This Also...




5 comments :

  1. bro from where did you get the resources, like status bar icons, check boxes and other things ??

    ReplyDelete
  2. Pls bro how to make themes upload video

    ReplyDelete
  3. How to change coolui 8.0 font's

    ReplyDelete

Speak Your Mind:


Powered by Blogger.