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.
**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"
/>
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.
