Well, hello, i hope this wasn't posted before, but i certainly didn't found it here, so i had to test it many times to make sure it worked.
May work on all MDPI devices, but since i only own the wt19i, i can't tell for sure.
Now to the main subject:
Needed Tools:
Rooted Phone
CWM
APK Tool
SystemUI.apk
framework-res.apk
SemcGenericUxpRes.apk
ZIP-Capable archiver
Notepad++ or any good text editor
Brain (is a MUST)
Also you may want to download a couple of CWM-flashable files:
1.- Stock (clean/unmodded) SystemUI.apk, (this in case something goes wrong)
2.- Example SystemUI.apk
Basic Step by Step Setup:
1.- After you've download APKTool, unzip it wherever you like
2.- Copy and paste all 3 apk files on APKTool's folder (see attachments for files)
3.- Shift + Right Click on any empty part of APKTool's folder
4.- Click on "Open Command Window Here"
Once the comand prompt is open, type the following (press enter after typing each line):
Code:
apktool if framework-res.apk
apktool if SemcGenericUxpRes.apk
apktool d -f SystemUI.apk
Don't close the command prompt window yet
This will get us the resources and decompile the stock SystemUI,apk, we'll also get a new folder named SystemUI
Step by Step Editing:
1.- Inside SystemUI folder, go to into these subfolders: smali/com/android/systemui/statusbar
2.- Open StatusBar.smali with your text editor (Right click -> choose your editor)
3.- Go to line 388 (or search for the stated code), it must be
Code:
const/16 v16, 0x4
4.- Replace it with
Code:
const/16 v16, -0x3
This makes transparency possible
5.- Save and close the file
6.- Now go back to the SystemUI folder and go into these subfolders: res/values
7.- Open drawables.xml with your text editor
8.- Edit the parameters as you like, here goes the explanation:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
(if the image doesn't appear above this line, sorry. Check attachment for explanation)
NOTE: If you're using the SystemUI.apk that comes with QuickPannel and want to make it transparent, you need to do This
Thanks to Jobayer for sharing this info
As for the color codes, they're in hexadecimal format, they go from 00 (0) to FF (255) and they come in pairs:
example: #00112233
00 defines transparency, 00 is totally transparent, FF is totally opaque
11 defines the ammount of red, 00 has no red, FF is this
22 defines the ammount of green, 00 has no green, FF is this
33 defines the ammount of blue, 00 has no blue, FF is this
FF000000 means it's totally black opaque
80000000 it's 50% opacity black
80FFFFFF it's 50% opcity white
80FF0000 it's 50% opacity red
Click to expand...
Click to collapse
9.- Save and close your file
Now compile back the SystemUI.apk:
This is kinda complex, but if you're here already, should be a walk in the park
1.- First, we need to use the command prompt from before (you didn't close it, did you?)
2.- Now we'll make the build files by using this line on the command prompt:
Code:
apktool b -f SystemUI.apk
(thanks nik2808 for pointing a mistake i made with the code)
3.- Now we go back to the APK Tool folder and rename the SystemUI.apk to SystemUI.zip
4.- Open SystemUI.zip
5.- From the ZIP, copy the META-INF folder and the AndroidManifest.xml file to SystemUI/build/apk subfolder
6.- Repeat step 2, this will get us a signed SystemUI.apk file
You can close the command prompt window now, the signed file will be on SystemUI/dist subfolder
Once you got your customized SystemUI.apk, you can install it by:
1.- using any file explorer, replace the one on your system folder with the new one, change the permission to Read (all) Write (owner only) Execute (none) and reboot your phone
2.- open the demo flashable zip and replace SystemUI.apk with the new one, then flash it with CWM, no need to wipe anything
Man, writting all this was quite long...
BONUS: To get any color you like easily
1.- open Paint (yeah, the windows thingy)
2.- go to Edit Colors
3.- chose any color you like
4.- you'll see "Red Green Blue" values on the lower left, these are the DECIMAL codes for your color
5.- open the Calculator and switch it to Programmer (alt + 3)
6.- make sure DEC is selected on the right pannel
7.- type the DECIMAL value for RED color
8.- press HEXA on the right pannel, this will get you the HEXADECIMAL code for RED in your color
9.- Repeat 6 to 8 for GREEN and BLUE and you'll have your code.
Example: Yellow will be FFFF00
Now you need to decide the opacity from 00 (transparent) to FF (opaque) and use that code on the beginning.
Example: 50% transparent Yellow will be 80FFFF00
Now use that code on the desired spot and voilà
Full Transparent code is 00
25% opaque is 40
50% opaque is 80
75% opaque is C0
100% opaque is FF
I hope you guys find this post useful, thanks for reading, and sorry, it's long and my english sucks nowadays...
If you test this on a different phone model and it works, let me know so i can add it to the list of "working in..." list
Great job... :good:
The only "problem" I see with transparent expanded contents is when draging to close expanded bar, the carrier label overlaps notifications and/or header.
Yup like the problem serajr stated,it would be really perfect if you could fix this.
But anyway, nice tutorial friend !
you guys mean when you're closing the expanded notifications, and the carrier name is shown "over" the info / status bar?
It's a side effect of notification_item_background_color being transparent. Even tho the carrier is in a layer "behind" the items, as they're transparent, the carrier is seen (so it's actually an "underlap"?). In terms of layers, the general background is under everything, then it comes items (and separators), then status bar at the top of the "stack"
I don't know how to fix it (or if it can be fixed), i think i should install any other transparent-looking SystemUI and check if the same happens
And yep Serajr, it may be a problem if you have many items displayed, the carrier will still be visible
I'll see if i can find a way to fix or improve it.
Thanks for the feedback
hi :;
Can we do this HTC One V style SystemUI ????
Home Screen %50 tranparent Statusbar Black
.apk
HTC one V systemUI
https://docs.google.com/folder/d/0B...edit?pli=1&docId=0B4SPXehz_WNhTXRCT2hNX0Y4aWs
@Serajr & Kokzhanjia: Tried another transparency mod and the problem is still present, check attachment to see it
An option would be to delete the operator from showing, maybe?
I think there may be a way to make it disappear while scrolling... i wonder if i may get it right...
@Orochixxx: i kinda didn't get your request.
you want me to mod Sony's SystemUI to look like HTC?
or you want me to edit HTC to be transparent?
If it's the 1st, as far as i know, you can only set a global transparency, it doesn't have separate settings for statusbar for home and status screeen, it's the same setting for both cases, so it can't be done (or at least not yet).
The Quicksettings are present in other mods, but horizontally instead of vertically. As of now, i don't know if they can be rearranged to match that look, sorry.
For a look on how it may look, i suggest you to check Jobayer's Mod, it has transparency and quicksettings, and he has the GPS bug fixed
if it's the 2nd, as far as it has the same structure files, i may try it, but i won't be able to test it myself (nor i know if CWM works on HTC phones)
Quick Panel
How to make a quick panel transparent?
toni.wijayanto said:
How to make a quick panel transparent?
Click to expand...
Click to collapse
Edit stat_power_bg.png and stat_power_bg_touch.png in Photoshop and make it transparent as much as you want
Sent from my ST15i using xda premium
jobayer said:
Edit stat_power_bg.png and stat_power_bg_touch.png in Photoshop and make it transparent as much as you want
Sent from my ST15i using xda premium
Click to expand...
Click to collapse
Thanks.....
GSUKeitarou said:
@Serajr & Kokzhanjia: Tried another transparency mod and the problem is still present, check attachment to see it
An option would be to delete the operator from showing, maybe?
I think there may be a way to make it disappear while scrolling... i wonder if i may get it right...
@Orochixxx: i kinda didn't get your request.
you want me to mod Sony's SystemUI to look like HTC?
or you want me to edit HTC to be transparent?
If it's the 1st, as far as i know, you can only set a global transparency, it doesn't have separate settings for statusbar for home and status screeen, it's the same setting for both cases, so it can't be done (or at least not yet).
The Quicksettings are present in other mods, but horizontally instead of vertically. As of now, i don't know if they can be rearranged to match that look, sorry.
For a look on how it may look, i suggest you to check Jobayer's Mod, it has transparency and quicksettings, and he has the GPS bug fixed
if it's the 2nd, as far as it has the same structure files, i may try it, but i won't be able to test it myself (nor i know if CWM works on HTC phones)
Click to expand...
Click to collapse
Well.. In my SystemUI v4 mod (Xperia T Tabbed 'n' Grid Toggles) when Quick Panel Tab is selected, the carrier label is hidden.
I think I can do the same when startusbar is about to be collapsed (closed). I need to try it, then I report you here, ok?
jobayer said:
Edit stat_power_bg.png and stat_power_bg_touch.png in Photoshop and make it transparent as much as you want
Sent from my ST15i using xda premium
Click to expand...
Click to collapse
Thanks for pointing that out, since mine it's stock SystemUI, i had no idea how to do it
serajr said:
Well.. In my SystemUI v4 mod (Xperia T Tabbed 'n' Grid Toggles) when Quick Panel Tab is selected, the carrier label is hidden.
I think I can do the same when startusbar is about to be collapsed (closed). I need to try it, then I report you here, ok?
Click to expand...
Click to collapse
Wow, that'd help a lot, thanks
I have a question, i did everything like the post says for the transparency, and the transparency is not working, could some somebody help me with a solution? i did everything with apk multi tool, i will apreciate an answer. Thanks.
I think for compiling it's
apktool b -f "Path of SystemUI Folder" New_SystemUI.apk
not
apktool d -f SystemUI.apk
nik2808 said:
I think for compiling it's
apktool b -f "Path of SystemUI Folder" New_SystemUI.apk
not
apktool d -f SystemUI.apk
Click to expand...
Click to collapse
ouch!, you're right, my mistake, thanks for telling me
GSUKeitarou said:
ouch!, you're right, my mistake, thanks for telling me
Click to expand...
Click to collapse
your always welcome..
dist folder does not appear
single folder build/apk/classes.dex
how do i get 100% transparency?
daydu19 said:
how do i get 100% transparency?
Click to expand...
Click to collapse
replace the hex code with this one #00FFFFFF
jobayer said:
replace the hex code with this one #00FFFFFF
Click to expand...
Click to collapse
I tried and got this
daydu19 said:
I tried and got this
Click to expand...
Click to collapse
did you change the statusbar.smali with -0X3??
Since I'm no longer updating my themes (at least for now) and I've been asked a few times, I'll provide a quick guide to changing the accent colours.
https://forum.xda-developers.com/ma...ed-black-theme-accent-colour-options-t4051377
May do a full guide at some point in the future, but that would be quite long.
Huawei themes are just zip files but with ".hwt" file extension.
Apps I use:
*Note, you can use any similar apps that serve the same function, though I believe mixplorer is the best file manager especially for editing themes.
File Explorer (to edit the .hwt & .zip files).
https://play.google.com/store/apps/details?id=com.mixplorer.silver
*also note if you're using a different file manager you might have to add ".zip" to the theme.hwt e.g. theme.hwt.zip before you can open it, with mixplorer you don't.
Download:
iOmix-Temp.hwt
https://bit.ly/2M82lHT
Colour picker (to find the hex colour code of your choice).
https://play.google.com/store/apps/details?id=com.jahirfiquitiva.pals
Vector image editor (to create the .png files).
https://play.google.com/store/apps/details?id=com.shoebillsoftware.vectordraw
Download:
iOmix Theme Png Templates
https://bit.ly/2ZxJtdd
Includes .png & .svg use either as a template to create your own brightness & volume scrubbers these ideally should be the same accent colour that you use in the theme.xml
1. (Optional) Create a folder on your phone, call it whatever you want, I usually name it editing.
2. Copy the theme file (iOmix-Temp.hwt) to the folder.
3. Rename the theme file by adding ".zip" extension to the end "iOmix-Temp.hwt.zip"
*you can skip this if you're using mixplorer.
4. Open the zip and extract the following files to the editing folder:
com.android.contacts
com.android.systemui
framework-res-hwext
framework-res
5. Rename all files by adding ".zip" to the end
com.android.contacts.zip
com.android.systemui.zip
framework-res-hwext.zip
framework-res.zip
6. First we'll edit the theme.xml files in each of the files we extracted in step 5.
The process will be the same > replace 007DFE (this is a hex code without the #) with your own colour code (also without the #).
7. Editing theme.xml files
**Contacts.zip**
A. In the contacts zip open the theme.xml use the replace function to replace 007DFE with any other colour code *make sure [replace all] is selected.
B. Open framework-res-hwext folder > open theme.xml and repeat previous steps of replacing 007DFE with your preferred colour.
**Systemui.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
B. Framework-res > theme.xml
C. Framework-res-hwext > theme.xml
**Framework-res-hwext.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
B. Res > theme.xml
**Framework-res.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
8. Replacing the main .png files.
**Contacts.zip**
A. Res > drawable-xxhdpi > fastscroll_label_phonebook_emui_null_icon.png (needs to be 152*152 pixels)
**Systemui.zip**
Edit the theme.xml in the following.
A. Framework-res-hwext > Res > drawable-xxhdpi > scrubber_control_normal_emui.png
(needs to be 98*98 pixels)
B. Res > drawable-xxhdpi > ic_seekbar_thumb.png
(needs to be 90*90 pixels)
**Framework-res-hwext.zip**
Edit the theme.xml in the following.
A. Res > drawable-xxhdpi > scrubber_control_normal_emui.png
(needs to be 98*98 pixels)
Finally you might want to rename the theme so you can find it in the Huawei theme manager app.
In the root of the theme zip there is a file called description.xml, open this file and change the title Theme title
Now remove the ".zip" from the files you renamed at the start:
com.android.contacts.zip
com.android.systemui.zip
framework-res-hwext.zip
framework-res.zip
Back to:
com.android.contacts
com.android.systemui
framework-res-hwext
framework-res
Copy the 4 files back into the theme.theme.hwt, If you used mixplorer then just copy the edited theme.theme.hwt back to your main themes folder
If you used a different file manager then remove the ".zip" extension from the theme.hwt then move to your main themes folder.
If you edited theme isn't showing in the Huawei themes manager, you might need to force stop it then reopen the app.
I hope this is clear enough.
Would be great if you share your edited theme here.
Let me know if there's any questions
***(This is a work in progress will be updated as time goes on)***
View attachment 5025795View attachment 5025797View attachment 5025801View attachment 5025803View attachment 5025805View attachment 5025807View attachment 5025809View attachment 5025811View attachment 5025813
Saved 1
Saved 2
Saved 3
Saved 4
Saved 5
How convert volumen bar to transparent?
Thx
Youtube_Ll0r3nt3 said:
How convert volumen bar to transparent?
Thx
Click to expand...
Click to collapse
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
kam333 said:
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
https://we.tl/t-6eYpgSaGFJ
Need transparent vol bar loeo to Ll0r3nt3
Youtube_Ll0r3nt3 said:
https://we.tl/t-6eYpgSaGFJ
Need transparent vol bar loeo to Ll0r3nt3
Click to expand...
Click to collapse
You didn't provide the info I asked for so I'll guess you're talking about the black part
Go to:
com.android.systemui>res>drawable-xxhdpi> volume_popup.9.png (edit this)
Sent from my LYA-L09 using Tapatalk
Instagram sharesheet color and black quick settings toggle and black notifications
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
---------- Post added at 04:06 PM ---------- Previous post was at 03:36 PM ----------
faisal.fmq said:
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
Click to expand...
Click to collapse
Also mixplorer is not saving the file after replacing the color code, its says not supported. How do you open the theme.xl file? code editor, text editor???
faisal.fmq said:
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
---------- Post added at 04:06 PM ---------- Previous post was at 03:36 PM ----------
Also mixplorer is not saving the file after replacing the color code, its says not supported. How do you open the theme.xl file? code editor, text editor???
Click to expand...
Click to collapse
Hi Faisal,
To change the share sheet colour:
framework-res > theme.xml >
<color name="GM2_grey_800">#ff161616</color> (change to preferred colour)
In mixplorer you can use the code or text editor (I prefer the code).
If your editing the theme.xml in framework-res (for example) you first need to extract it from the theme.hwt, then add .zip = framework-res.zip then edit the xml inside
As for the other theme you're best asking the theme creator of that, not all themers use the same structure and this thread is just a quick guide to changing the accent colour since a few people have asked.
Maybe I'll do a longer guide at some point in future but right now I don't want to spend too much time on this.
Sent from my LYA-L09 using Tapatalk
Thank u so much
kam333 said:
Hi Faisal,
To change the share sheet colour:
framework-res > theme.xml >
<color name="GM2_grey_800">#ff161616</color> (change to preferred colour)
In mixplorer you can use the code or text editor (I prefer the code).
If your editing the theme.xml in framework-res (for example) you first need to extract it from the theme.hwt, then add .zip = framework-res.zip then edit the xml inside
As for the other theme you're best asking the theme creator of that, not all themers use the same structure and this thread is just a quick guide to changing the accent colour since a few people have asked.
Maybe I'll do a longer guide at some point in future but right now I don't want to spend too much time on this.
Click to expand...
Click to collapse
kam333 said:
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
kam333 said:
You didn't provide the info I asked for so I'll guess you're talking about the black part
Go to:
com.android.systemui>res>drawable-xxhdpi> volume_popup.9.png (edit this)
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
There is no file to edit, can you check the topics that I send you?
Youtube_Ll0r3nt3 said:
There is no file to edit, can you check the topics that I send you?
Click to expand...
Click to collapse
https://forum.xda-developers.com/showthread.php?p=82700185
Sent from my LYA-L09 using Tapatalk
kam333 said:
Saved 1
Click to expand...
Click to collapse
Hello there.. Please can. U guide me. How do i know what part is called what in the theme. Xml file please. I cannot get it done and there is no guide for themeing emui settings app . God bless u brother