Database Develop

[HowTo] Mod a Theme - Huexxx's Battery Icons / Circular / % / Multicolour & more ...

[HowTo] Mod a Theme - Huexxx's Battery Icons / Circular / % / Multicolour & more ...
Hi all!
Given that I wanted a circular icons for the battery indicator on my OB, and that the only way to get some icons to my taste was making them for myself, have encouraged me to create my own icons. My icons have a smooth transition of color from blue (100%) to red (0%) through green (75%), yellow (50%) and orange (25%).
{
"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"
}
v1 3D icons with darker background (like radio signal strength) and 14p numbers!
v1.1 Enhanced 3D icons, rounder, better shadowed, numbers better centered!
Radio 3D icons v0!
WiFi icons v0. (with darker background like radio signal strength)!
Wifi 3D icons v1!
Dropdown Arrow better visible for WP7 Theme!
New! V10E Stock LG Theme modified with my v1.1 icons:
http://dl.dropbox.com/u/4629711/HBI/Huexxx10EBatt.zip
NOTE: In case of troubles, post here and then we will see the way to restore original framework-res.apk.
Since at the moment I have no intention of creating a complete theme, the only way to enjoy them is inject them into an existing theme, such as those offered by the Theme-Master antonio1475.
To say that until the date, antonio's WP7 Theme is the default Nova theme, so if you have Nova rom and only want to inject my icons, use WP7 theme like explained in this thread.
This tutorial will explain how to inject my icons on antonio1475's WP7 theme, but the process is the same for injection into any other existing theme. It is important that the theme comes with icons for each percentage value of battery charge. In the tutorial everything is done with WinRAR, but can also be done using 7zip.
First of all, the changes explained here work perfectly for me, but I am not responsible for the effects it can have in your case.
1 .- We can download the latest antonio1475's WP7 theme from his thread: http://forum.xda-developers.com/showthread.php?t=1176182
2 .- We can download my pack of icons from here:
Battery v0 - Normal icons: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_Batt_Icons_v0.rar
Battery v1 - 3d icons: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_Batt_Icons_v1.rar
Battery v1.1 - 3d icons: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_Batt_Icons_v1.1.rar
Radio 3d v0: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_Radio_Icons_v0.rar
WiFi v0: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_WiFi_Icons_v0.rar
WiFi 3d v1: http://dl.dropbox.com/u/4629711/HBI/Huexxx's_WiFi_Icons_v1.rar
Clearer Dropdown Arrow for WP7: http://dl.dropbox.com/u/4629711/HBI/clearer_dropdown_arrow.rar
3 .- Put the two files in one folder. It is not necessary but it simplifies things.
4 .- Open the theme with WinRAR by double-clicking on it (in this case WP7themev8final.zip). WinRAR must be the default program to open zip files. If it's not your case, you have to open WinRAR and then find the file with the inside browser and open it. This will open a WinRAR window showing the contents of the package with the theme.
5 .- Navigate within WinRAR to the folder \system\framework
6 .- Open the file framework-res.apk by double-clicking on it inside WinRAR. This opens a new WinRAR window with the content.
7 .- Navigate within WinRAR to the folder \res\drawable-hdpi
8 .- Open my package of icons (Huexxx's_Batt_Icons_v0.rar) with WinRAR.
9 .- Select all files within the package of icons and drag'n'drop them to framework-res.apk WinRAR window in order to replace the icons.
Once done, we can close the WinRAR window with the icons (Huexxx's_Batt_Icons_v0.rar).
10 .- When a dialog to define how to include the new files popups, accept to continue with default parameters.
11 .- Once the new icons have been included in framework-res.apk, close this WinRAR window. The application will ask you to update the file, and you have to accept. Maybe it will ask you to update before close the window, anyway accept and then close it.
You can see the date and size changes in framework-res.apk looking at theme's WinRAR window (WP7themev8final.zip).
12 .- Close the theme's WinRAR window. You can see the date and size changes in WP7themev8final.zip looking at file browser.
The resulting file WP7themev8final.zip is the original theme with the modified icons, ready to install.
Instructions for installing the theme are the same as the author specified for its installation, so read carefully the theme author's thread.
In fact, the theme used for the tutorial can only be installed over Nova ROM or stock 10C ROM.
I recommend you to deactivate the widgets and to run the original launcher (if you use a different one) before flashing the theme, as in my first attempt I had to deactivate and reactivate the widgets, and reconfigure a little the launcher after the flash. After installation, in my case, the first boot stucked on bootimage (several minutes) and I had to remove the battery and restart, but finally everything is correct. Following this recommendations, the second attemp worked flawlessly.
Take a look of some screenshots with the result.
v0:
v1+wifi:
v1.1+clearer dropdown arrow:
Best regards, and if you like them, click on Thanks!

To say that all the procedure above explained can be used in order to modify any .png inside theme's apks.
Be careful with .9.png files... ir must be recompiled and it's more difficult.
For those who wish to use my icons in your themes, it's very simple:
- Ask me for permission
- Include me in the credits
So many thanks to antonio1475, without his help this would be impossible!

Hi again...
Despite not having had any response, I will continue with the project because it is primarily for myself.
I've updated the main post with a new 3D version of the icons and some icons wifi, same as included in antonios1475's wp7 theme but with darker gray background, like radio signal one.
Regards!

They look great!
Maybe you could ask for antonio1475's permission for you to inject your theme mods and then link the finished repacked theme from his base project.
It would be totally at his discretion though

xstrifey said:
They look great!
Maybe you could ask for antonio1475's permission for you to inject your theme mods and then link the finished repacked theme from his base project.
It would be totally at his discretion though
Click to expand...
Click to collapse
Thanks so much for the first reply to my thread!
It would be fantastic, but then i've to update and upload the modified theme every time he changes his theme... and in the thread I explain thoughly how to modify the original theme in easy steps.
Believe me when I say that it will take you about 1 minute in modify the theme, and you will have the satisfaction of have done it by yourself.
Regards!

Modified mine through UOTkitchen. Great guide.. keep it up man.
Sent from my LG-P970 using XDA App

Hi all...
I've observed that my new 3d icons weren't as circular as I would like, so I have decided to touch up them.
Now are rounder, better shadowed and thay have the number better placed in the centre of the icon.
Also, I've added a new dropdown list arrow in order to modify original WP7's icon because IMHO it's dificult to distinguish the black arrow inside the dark grey gradient circle.
Regards!

Hi again!
I've created new Radio 3d icons.
They are inspired in WP7 theme icons but now in 3d.
You can see it at first post.
Regards!

Huexxx said:
Hi again!
I've created new Radio 3d icons.
They are inspired in WP7 theme icons but now in 3d.
You can see it at first post.
Regards!
Click to expand...
Click to collapse
very well the icons are cool I have them

great effort there... thnx.. but it looks some what difficult.... thnx again

Difficult?
Doucle-click on a .zip
Navigate inside winrar to a file
Double-click the file
Navigate inside another winrar to a folder
Drag and drop some files
Close all
Is this hard to do?
TRy it, believe me, it's so easy!

is it possible to change the icons for stock rom without flashing?

dcop7 said:
is it possible to change the icons for stock rom without flashing?
Click to expand...
Click to collapse
Without flashing what... another ROM?
Antonio's theme seems to run over stock 10C (the baseline of actual nova). If you have that stock ROM, you can try...
... but... if something goes wrong... stock ROM doesn't have the keycomb to access recovery... and you would reflash with LG stuff...
Select the theme you want to modify, and read troughly the thread in order to know if the theme goes well with your ROM.
When I would know how to modify .xmls, I'll complete the thread with base themes of the different stock ROMs to modify them.
Regards!

New wifi icons at first post!
They woludn't be the last, because I want to do another version with thinner lines...
Regards!

Great thank-you
En Mi Optimus Black Desde Tapatalk

Wow that was awesome. I was looking for that. Can we make this changes for dropdown menu icons (wifi,gps..) for changing color and shape. I want to make them black or red. Thx for this great post.

great job!

can I use this with gingerbread theme?

shourov said:
can I use this with gingerbread theme?
Click to expand...
Click to collapse
Of course!
If gingerbread theme works well with your rom, modify it an try, all should be ok.

The icons are awesome!
It would be perfect if somebody could write a guide on how to incorporate them into the stock rom...

[CM7][GUIDE]Complete Ice Cream Sandwich guide for MDPI [MDPI][Originally HTC WFS]

NOTE: this theme was originally made for the HTC Wildfire S, which i own, but it will most likely work on any MDPI/LDPI CM7 phone so I decided to place it here too. Don't be fooled by the "For HTC Wildfire S", because it will most likely work on any MDPI/LDPI CM7 phone!
Original post with links specifically for the Wildfire S (roms and such) http://forum.xda-developers.com/showthread.php?p=22612122#post22612122
Click to expand...
Click to collapse
{
"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"
}
Subscribe/Check this check out often, because there are active updates!
Need help? just PM me or post below
Click to expand...
Click to collapse
Original thread with all links, I picked the ones which are for our device.
[url]http://forum.xda-developers.com/showthread.php?t=1363239[/URL]
To follow this guide you must have:
Any CM7 Phone that is MDPI/LDPI, Rooted, Unlocked Bootloader, Clockworkmod Recovery flashed.
Cyanogenmod 7.2
External SD card, Any size (larger than 512mb)
Your Cyanogenmod 7.2 ZIP, where the rom is in.
1.
Download This theme. http://forum.xda-developers.com/showthread.php?t=1329375
Put the .APK (that is in the .ZIP file on your sd card, and install it with a File manager (download on market, i recommend astro or ES).
Apply the theme using the default app Theme Chooser (Cyanogenmod 7 only)
Fast link: http://www.mediafire.com/?dvws5vklawykap8
EDIT:[MAR4]
Link to Achep's ICS theme, which i currently use, and i find much better.
http://forum.xda-developers.com/showthread.php?t=1313722
2.
Go to your theme chooser after installing the APK and select the theme.
If you like it already you can stop now, but if you want a real feel to it, i recommend installing the layouts and framework animations.
3.
To install the custom layouts, go to this thread.
http://forum.xda-developers.com/showthread.php?t=1316574
Follow the video in that thread, and flash the .ZIP you get from it with Clockworkmod recovery. (MAKE A BACKUP FIRST)
4.
To install the ROBOTO font of ICS, download this.
http://www.mediafire.com/download.php?bn9er8dhm8wrh9k
And flash it with Clockworkmod Recovery.
5.
Install GO launcher ex, and then install this theme from the market.
https://market.android.com/details?id=com.bacastudio.go_ics_theme&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5iYWNhc3R1ZGlvLmdvX2ljc190aGVtZSJd
If you get a white buggy background in the app drawer, press your menu key, press preferences -> visual settings -> backgrounds -> App drawer background and then press Transparent background or custom background.
Click to expand...
Click to collapse
6.
For wallpapers, check out these.
Phase Beam (static wallpaper)
http://img580.imageshack.us/img580/1058/phasebeami.jpg
Chroma (static wallpaper)
http://cdn.androidcommunity.com/wp-content/uploads/2011/10/wallpaper_chroma.jpg
SENSE 4 [EDITMAR4]
http://saga-lbc-mod.de/wp-content/uploads/2012/02/htc-sense-4-0-wallpaper–default-htc-one-x-s-v.jpg
Try "Sense clock" on the market for the fitting feeling.
All other default wallpapers (static, in a .zip)
http://www.mediafire.com/download.php?pceq5r7buzu4upi
These Live wallpapers
https://market.android.com/details?id=com.tribok.android.livewallpaper.icsclassic.lite
https://market.android.com/details?id=com.waikin.speclite&feature=also_installed#?t=W251bGwsMSwxLDEwNCwiY29tLndhaWtpbi5zcGVjbGl0ZSJd
7.
I also used GO Locker with this theme.
https://market.android.com/details?id=com.jiubang.goscreenlock.theme.icecream&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5qaXViYW5nLmdvc2NyZWVubG9jay50aGVtZS5pY2VjcmVhbSJd
But you can pick any lockscreen you like.
8.
For a fun prank on your friends, download ROM Toolbox. https://market.android.com/details?id=com.jrummy.liberty.toolbox&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5qcnVtbXkubGliZXJ0eS50b29sYm94Il0.
And start it. Go to the Performance tab and press Build.prop editor.
Scroll down to ro.build.version.release and edit it to something like 4.0.2 Ice Cream Sandwich
You can also edit ro.modversion to something like Cyanogenmod 9.10 RC2.
9. (Edit: 19Feb)
For widgets, I downloaded all GO Widgets and this theme.
https://market.android.com/details?...nathan.icecreamsandwich&feature=search_result
For the search bar, i used this theme.
https://market.android.com/details?id=dcombl.gowidget.icsearch&feature=search_result
Use the default analog clock, or download this one.
https://market.android.com/details?...kZ2V0cy5OZXh1c0lDU01pbmltYWxBbmFsb2dDbG9jayJd
Also try sense clock on the market with the sense 4 wallpaper for a sense4-ish feeling.
10. (Edit: 22Feb)
For Sounds (UI, not notification, ringtone) , download this .ZIP and flash it with Clockworkmod.
http://forum.xda-developers.com/showthread.php?t=1320785
Make a Backup before you Flash.
Click to expand...
Click to collapse
11. (Edit: 22Feb)
BIG Caller ID ICS Theme
https://market.android.com/details?id=com.wroclawstudio.ics
Google Music ICS
http://forum.xda-developers.com/showthread.php?p=21896638#post21896638
ICS App Collections for Android 2.2+ by [email protected]
http://forum.xda-developers.com/showthread.php?t=1310913
Ice Cream Sandwich Calculator
https://market.android.com/details?id=com.tombarrasso.android.calculator2
Quickpic Gallery replacement
https://market.android.com/details?...51bGwsMSwxLDEsImNvbS5hbGVuc3cuUGljRm9sZGVyIl0
LauncherPro Users
Source: http://forum.xda-developers.com/showthread.php?t=1306594
0: Download ICS Icons + Dock Background by [email protected] - http://www.mediafire.com/download.php?41h8rgx6nsvq0ij
1: From your homescreen (while in LauncherPro), hit/click Menu, click Preferences, then click Appearance Settings. Choose Dock Background and choose Gallery if you are asked. Browse to the dock background image in the zip file.
2: Go back into the LauncherPro Preferences and restart the launcher. Your dock background should now have a white strip above the icons on your dock.
3: Next, go to Preferences (by hitting Menu), choose Dock Settings, and then click Number of Docks. Set this to 1.
4: On the homescreen, hold down on the 1st icon of the dock. Change the icon. Browse to the corresponding Android 4.0 icon.
5: Hold down on the 2nd icon of the dock. Change the icon. Browse to the corresponding Android 4.0 icon.
6: Now, the app drawer icon. Make sure the middle shortcut leads you to your app drawer. Hold down on the icon to change it. Browse to the app drawer icon in zip file.
7: Hold down on the 4th icon of the dock. Change the icon. Browse to the corresponding Android 4.0 icon.
8: Hold down on the 5th icon of the dock. Change the icon. Browse to the corresponding Android 4.0 icon.
Click to expand...
Click to collapse
Pictures:
If I helped you, please press the thanks button!

Changelog
V1: Original post in the general section, V1.5 Already on the Wildfire S forums.

I think you should use ICS Theme by AChep. It's a lot better than ZDune ICS theme.

TMinh said:
I think you should use ICS Theme by AChep. It's a lot better than ZDune ICS theme.
Click to expand...
Click to collapse
Oh yes, I forgot to change that. I use Achep's theme too now.
Will change asap
Edit:
Changed it! thanks

I created a similar guide for another look; HTC Sense 4.
This is still on the wildfire S forums, but, again, this should work on any CM7 device.
http://forum.xda-developers.com/showthread.php?t=1530349

Awesome...
Thankx man, dat was really great tutorial for wfs...
i was lookin everywhere for ics themes extras, but coundnt figure out the best...
thanks again...

[THEME][TABLET] Ice Cream Sandwich Theme for MSI Enjoy (beta1)

​
Hello everybody!
Windpad Enjoy users know how much boring and old-fashion it looks! the first Gingerbread version (2.3.1), totally an innovation without style!
And then..., No organized developer group, No special support, No try to port Cyanogenmod or any other sexy ROM by the users! seems this tablet is alone, really alone.
These days, we all look for a HC or ICS ROM update by MSI but until that time, HERE IS THE FIRST ICE CREAM SANDWICH THEME for our tablets:
Features:
- Original ICS Look
- ICS Softkeys instead of MSI's
- Dark Statusbar with ICS Icons
- ICS Settings Icons
- ICS Ringtones
- High Quality Dark Wallpapers
- New Fonts (ICS, WP7)
- ICS Battery Style
Third-Party Apps:
- Go Launcher EX
- Go Launcher ICS Theme
- Widgetsoid2x
- ICS Original Analog Clock
Screenshots:
Enjoy10: See Post #2
Enjoy7: See Post #12 ***by s3l3ct4***
Installation & Requirements:
1- Needs Root Access, see HERE for rooting your device
2- Install "Root Explorer" from HERE
3- Download and decompress "ICStheme4MSI_beta1.zip"
4- Simply replace "framework-res.apk" to "/system/framework" using "Root Explorer" and wait for an auto reboot
5- Replace "SystemUI.apk" to "/system/app" and reboot using a paper clip
6- Replace "Settings.apk" to "/system/app" and wait for an auto reboot [Optional]
7- Replace any font pack to "/system/fonts" and reboot [Optional]
8- Install latest Go Launcher EX and its ICS theme [Optional]
9- Install Widgetsoid to have Power Controls on Statusbar [Optional]
10- Install ICS Analog Clock widget [Optional]
Downloads:
For Enjoy10:
- "ICStheme4MSI_beta1.zip" contains "framework-res.apk" and "SystemUI.apk"
- "Settings.zip" contains "Settings.apk"
For Enjoy7:
- "ICStheme4MSI_beta1_ENJOY7.zip" contains "framework-res.apk", "SystemUI.apk" and "Settings.apk" ***Thanks to s3l3ct4***
For Both:
- Fonts includes both ICS and WP7 fonts
- Wallpapers including Pack1, Pack2, Pack3, ICS Original Wallpapers
- ICS Original Audio files
- Go Launcher EX, Go Launcher ICS Theme
- Widgetsoid2x
- ICS Analog Clock widgets
How to Uninstall:
1- Before start you should have had a backup of your "framework-res.apk", "SystemUI.apk" and "Settings.apk", if you forgot don't worry I have attached the stock files HERE.
2- Just replace the stock files one by one in "/system/framework", "/system/app" and "/system/app" folders don't forget to reboot after each replacement
Source Files:
HERE I attached the source files.

Screenshots:
​
​
​
​
​
​
​
​
​
​

Wallpapers
Wallpapers:
All 3 Wallpaper Packs are HERE

You are really Fantastic .. I love it
Thanks .. You are the king

Just tell me if you installed the theme correctly or not, I haven't found any problem yet, but still waiting for your feedback

Everything is fine. No problem yet
Thanks .. Best regards

Works perfectly!
Thank you Goldiecalypso! This works very well on my Enjoy 7

s3l3ct4 said:
Thank you Goldiecalypso! This works very well on my Enjoy 7
Click to expand...
Click to collapse
Your Enjoy7 files have been added to Post #1. Thank you!

Setting the DPI to 120 using DPI Changer(on the market for free) causes the Enjoy 7 to display text better in some instances.

hi
it say don't have enough permission to do this action when i try to replace framework-res.apk notice that i already rooted device it's an enjoy 7
Best regards

MOHPS8 said:
hi
it say don't have enough permission to do this action when i try to replace framework-res.apk notice that i already rooted device it's an enjoy 7
Best regards
Click to expand...
Click to collapse
To resolve this problem download super manager 3.0 from play store once installed hit the menu go to settings in settings root at check the box exit setup menu and go file manager once you go to the system folder it will ask for permission select r/w paste and you done
Hope you came right

Enjoy7 Screenshots
s3l3ct4:
Hi there,
I've taken a few screenshots, and although I know they deviate on grounds of the wallpaper and lockscreen and the exclusion of widgetsoid, they do largely demonstrate what the main part of the theme does, so if you want, they are at your disposal here:
{
"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"
}
btw I set my DPI to 120 instead of the default 160, It delivers a smoother display of text on the Enjoy 7 lcd... it's my only gripe with this tablet, the ppi is very low. Oh well I use it mostly reading anyway
Click to expand...
Click to collapse

Spyral-RSA said:
To resolve this problem download super manager 3.0 from play store once installed hit the menu go to settings in settings root at check the box exit setup menu and go file manager once you go to the system folder it will ask for permission select r/w paste and you done
Hope you came right
Click to expand...
Click to collapse
same thing happened to me. I also try your suggestion but super manager 3.0 keep on FC. what could i do?? pls help. thanks.
--------------------------------------
@goldiecalypso can u help me with my problem. My Winpad is already rooted but i can't change the permission of system folder from r/o to r/w using any root explorer. i have enjoy 7.
thanks in advance. hope you can help me 'cause i want this theme so bad!! please.

dark_knight18 said:
same thing happened to me. I also try your suggestion but super manager 3.0 keep on FC. what could i do?? pls help. thanks.
Click to expand...
Click to collapse
see other file explorers:
Total Commander (free)
Root Explorer (paid)

Can you please upload on different site? Can't download from minus.com ~ Thanks in advance! :fingers-crossed:

[Guide] MIUI Theme Editor user Guide in detail

This is a user guide for MIUI Latest Theme Editor Released on 2013.1.31
Some times you really like a theme but you don't like some parts of it then you can edit it very easily using MIUI theme editor or want to creat your own theme from scratch then this guide is for you.
For always upto date guide check this
Things you need
MIUI Theme Editor.
Working ADB Drivers on your PC.
Android Phone with MIUI on it.
Image Editor (GIMP,Photshop etc )
NinePatchEditor (Optional)
Aditional Material
V4_Templete
Setting up English Language.
Download the Theme Editor and Run it.
first time it may have the interface in chinese. So here is how to change it
Guide Screenshot 1
{
"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"
}
Creating an New theme
Go to Fle > New Theme
and you will see the window below. In put the name of your theme and save it.
Guide Screenshot 2
Then you will see the following window. ( Description in screen shot )
Guide Screenshot 3
Buttons
All the buttons are self explanatory but i will add some description where needed
Save : This is to save the changes made to the projects.
Generate full MTZ : This is used to compress and make the mtz file of the theme project to be used in phone
Apply Recent Changes : For this and next option to work your phone must be connected to PC. this option apply the recent theme changes to your connected phone (Useful when testing a smal change).
Full apply: This option apply the Full theme to your Phone.
Reload: This option will discard unsaved changes and will load the theme from theme directory (added PNG's Will stay there, will be explained later)
Setting: Have only option to copress the font if you want.(Have'nt used it).
Differents Tabs and their Functions
Now Some information about diffrent Tabs and options on them.
Description Tab: Already explained in screen shot shown above.
Icons Tab: This tab is used to add icons to theme. When you click on the icon tab it have three further tabs, System icons, Default theme icons and Others. Before you proceed further Click on Sync button at the bottom of the icons. (Your phone must be connected in debug mode to the PC) This sync option will get all default icons from your phone including 3rd party apps. Now to change any Icons check below.
Guide Screenshot 4
on the default theme icons tab there are some default 3rd party icons avialable in theme editor and others tab have the icons repalcement option for apps installed in your phone. procedure is same for all three tabs
Note. you dont need to rename your icon, Progran will do it for you! just drop it to the proper place.
Thats it if you just want to creat new icon pack. Just click on create full MTZ button and copy the mtz file to your phone and import it to theme manager or just click complete apply to your theme. But if you want to theme your Apps and change text colors then read on
Modules tab: This tab is the most important tab for themeing MIUI.
Guide Screenshot 5
Creating New App Module
Here is how to create the App's theme module.
Guide Screenshot 6
As an example I have selected the Contacts module (only one module at a time). you will see screen shown below , if different then click "change edit mode" button.
Guide Screenshot 7
Now click on the first item in the folder view and follow the screen shot. again names of your png's doesnt matter. you have to go through all the view and find the red boxes, click on it and repalce the png's you want to change. If you want to keep the system default png just leave it blanck.
Guide Screenshot 8
For modifying PNG's you can use the V4_templete (link at top) png's as a refrence. you can edit them to your requirements and then use them.
Changing the text Color
To change the text colors of the module items, click on the "change edit mode" button while contacts module is stille open. see bellow.
Guide Screenshot 9
Guide Screenshot 10
Do the same procedure for all the Modules and PNG's and color's in it. Framework-miui-res and Framework-res are most important modules. Changes in Framework-miui-res effects all the MIUI applications, especially colors and Changes in Framework-res module can effect both MIUI apps and any other 3rd party app so be careful !!!! you might get white on white color problem.
Note: You dont need to recompile your 9.png's. just add contents and strech borders using the "NinePatchEditor" or sdk Draw9Tool. and thats it put it in the theme and compress the theme and it will do the rest.
Testing
Now its time to test your theme before release/share. You should test all the MIUI apps for proper theming as well as 3rd party apps for color problems. If you find any problem then just reopen or drag drop you theme directory on Theme Editor to reopen /edit your theme.
Credits:
Official MIUI Team for Theme Editor Tool and V4 Templete
NinePatchEditor Dont know the Auther (Will add when I know)
Questions and Suggestions are Welcome

Sooooo many thanks mate!!!!

Super!:good:

Glad you guys like it
hadron
Sent from my Xiaomi M2

MIUI V5 is going to be released tomorrow. I will update this for V5 the moment it get released the new Theme Editor

Just wonderful mate, exactly what I was looking for. Keep it going please!

Great job this looks amazing. Just installed, going to read up, and play. :good:

*bump*
Sent from my MI 2 using Tapatalk 2

thanks. i'm going to try it.
if it's not much to ask, can you upload a V5 template, only if it's exists.
otherwise no problem. thanks for the guide.

Is there a v5 template or will this one work for it?

awesome.. gonna try it.. im on my way to trying it ..

Raadius said:
Is there a v5 template or will this one work for it?
Click to expand...
Click to collapse
+1
Sent from my SGH-T889 using Xparent Skyblue Tapatalk 2

NVM, found the v5 theme editor.

Raadius said:
NVM, found the v5 theme editor.
Click to expand...
Click to collapse
could you post the link? thanks

picard666 said:
could you post the link? thanks
Click to expand...
Click to collapse
Here you go
http://en.miui.com/thread-2154-1-1.html

error:
Tiffany84 said:
Here you go
http://en.miui.com/thread-2154-1-1.html
Click to expand...
Click to collapse
when I try to run the miui theme editor.exe I get a message fromjava virtual machine launcher: Erroor: Unable to access jarfile_MIUIThemeEditor.jar Any ideas??? thanks in advance...

androidmechanic said:
when I try to run the miui theme editor.exe I get a message fromjava virtual machine launcher: Erroor: Unable to access jarfile_MIUIThemeEditor.jar Any ideas??? thanks in advance...
Click to expand...
Click to collapse
(EDIT)...nm I fingered it out...
sent from my galaxy note transformed into a nexus4

help
when i press sync show a message with ( you need click to install ) but after nothing happen don't loaded the icons of the phone in the MIUIThemeEditor
i only have to turn on debug mode or do something else?

cesar.villamizar said:
when i press sync show a message with ( you need click to install ) but after nothing happen don't loaded the icons of the phone in the MIUIThemeEditor
i only have to turn on debug mode or do something else?
Click to expand...
Click to collapse
+1
same thing happens

martinusbe said:
+1
same thing happens
Click to expand...
Click to collapse
Same here. Why is it doing this and how can it be fixed? Thanks in advance

[Tutorial] MiXplorer – Themes & Skins – How to make them?

This is a Tutorial for you to make your own themes and skins for MiXplorer. You can either start from scratch, or take an existing theme and change the resources used by replacing them with the ones you like. This is a very simple process and anyone can do it. You DON'T have to be a programmer or software developer.
CREDITS & ACKNOWLEDGEMENTS
To begin with, a big shout out to @HootanParsa for an excellent File Explorer for Android, that is FREE on XDA, free of ads (and probably analytics & trackers too), extremely functional, fully customizable, and a very beautiful UI. @HootanParsa if you like this tutorial, please feel free to include it in the XDA thread for MiXplorer as well as in your Website for maximum reach.
Credits to all Theme & Skins developers, with special mention to:
1. @marciozomb13 : Because it is from his threads linked below that I came to know that anyone can customize themes and skins for MiXplorer:
Material
Fluent
My theme used for illustration in this post is just a small modification of his Fluent theme linked above.
2. @FatalBulletHit : For preparing an excellent illustration showing what each setting does. Check them out HERE.
3. @IronTechmonkey : For a full in-depth User Manual on MiXplorer and explanation of Themes and Skins.
DIFFERENCE BETWEEN THEMES & SKINS
Customising the UI is essentially modifying 3 things:
1. Changing the colours (of background, text, etc.) - Use a Skin or modify from within MiXplorer Settings.
2. Changing the fonts - modify from within MiXplorer Settings or modify the theme.
3. Changing the icons (of folders, preview icons, etc.) and buttons - Modify the Theme.
THEMES: This allows you to tweak several aspects of the UI like icons, buttons, fonts, etc. It requires you to download or create several resource files that make up the theme.
SKINS: This allows you to only tweak the colours of a few elements and the fonts from within MiXplorer Settings.
The best part, however, is just anyone can create a custom theme or a custom skin based on his requirements by modifying an existing theme (like I did).
STEPS TO APPLY THE THEME & SKIN
You can either use any of my themes or any of the existing themes from HERE or HERE.
THEME
1. Download the attached .mit theme.
2. Open MiXplorer and browse to this downloaded .mit file and click on it. From the popup, choose Import. The theme would take about 3 seconds to apply.
SKIN
1. Download the attached .mic file.
2. Open MiXplorer and browse to this downloaded .mic file and click on it. From the popup, choose Import. The skin would be instantly applied.
HOW TO MAKE YOUR OWN THEMES & SKINS
{
"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"
}
THEMES
T1. Download an existing theme that fits your requirements the most. If it is in the .bin/ .mit or other formats, simply rename the file extension to .zip.
T2. Open the .zip file using MiXplorer or any unarchiver.
T3. ICONS: Look for a folder called ‘drawable’. This folder contains the resources for UI like icons, buttons, etc. You can replace these images with images of your choice, provided they satisfy the pixel size. For example, the only file I changed in this folder is ‘folder.png’ and I used a 128x128 pixel file downloaded from the internet. It is better not to delete the original files while replacing. Just rename them so they are available for use in future when needed. Bear in mind the following:
The new file should have the same name as the file that it replaces.
The new file should have the same extension as the file that it replaces. For icon pictures, this is usually PNG.
It is advisable to use a file that is very small in size (under 50 KB) or similar in size to the one that it replaces. A 128x128 or smaller pixel file for icons usually works well. If the file size used for icons is too big (over 100 KB), you may have lags and rendering issues inside MiXplorer.
In my case, I renamed the original folder icon (which was named folder.png) to ‘folder original.png’, and the new file I downloaded as ‘folder.png’. Likewise, you can replace any other resource file you want that fits your UI requirements the best.​
T4. FONTS - Font file must be in .ttf format. Formats like .otf and others may or may not be supported.
Easy method:
​1. Download the font you want and copy the full path of the font file. In MiXplorer, select the font file, go to Properties and click on the Path. This will automatically copy the path to your Clipboard.​​2. Under Skin Settings, scroll to the bottom of the list and you will see the fonts section. Paste the path of the fonts file in that section.​​
​
Advanced Method:
​1. Download the font you want.​2. Look for a folder called 'fonts' in the root of the zip file.​
3. Copy the font file into this folder.​4. Open the 'properties' xml file in the root of the zip using a text editor.​5. Scroll to the bottom of the file where you have the font section.​​
​6. Simply replace the font file name there with the name of the downloaded file, without modifying any other information. Some themes use multiple fonts for different UI elements. If you want to change all of them, all you have to do is to rename the font file name mentioned there with the name of your file.​7. Save the file and close the editor.​
Under either method, MiXplorer will prioritise the fonts to be used in this order:
1. Font used in Skin Settings
2. Font included in the Theme
3. System Font
If you enter the font filename or path incorrectly in Settings, MiXplorer will first look for the fonts included in the theme, and if that is not available (because the font file(s) was moved or deleted), it will use the System font.
T5. Rename the parent folder extension back to .mit.
T6. Open MiXplorer, browse to the location of the above file, click on it & Import.
SKINS
Go to Settings/ Skins and press the Edit icon next to the skin that is applied, and choose 'Edit’ again. You will be presented with a huge list of customizable UI elements. Feel free to tweak any as per your liking so you get the look that you are happy with. There are too many elements that can be customised, so I will explain just the main ones (that I have tweaked) to give you an idea (see attached pics) about what will change:
1. BG_BAR_ACTION
2. BG_BAR_MAIN
3. BG_BAR_TAB
4. BG_BAR_TOOLS
5. HIGHLIGHT_GRID_ITEM
6. TINT_NAVIGATION_BAR
7. TINT_STATUS_BAR
Some additional info (no picture reference):
8. BG_PAGE: This will change the background colour of the main page.
9. TINT_POPUP_BG: This will change the background of the Sidebar and all popup menus.
Once you are done, press Save.
That’s it. You now have a new theme and skin of your liking.
For detailed understanding of all settings, check these out:
Picture Illustration
Spreadsheet Explanation
Link to my Themes and Skins: SA Creations
If the files above download as zip, simply rename the file extension to .mit (for the Theme) and .mic (for the Skin). Use any browser (instead of OneDrive app) to open the links and download the files.
Points to note:
1. Remove existing skin and theme before applying a new one. To do this, go to Settings/ Skin, click on 'Default' (1st item on the list). This will remove the currently applied Skin. Then go back to Settings/ Skin again and this time click on the pencil icon next to 'Default' and click 'Remove'. This will remove the currently applied Theme.
2. My themes REQUIRE the accompanying skin to get the intended result. So you have to import both before tweaking it any further to suit your taste.
I have used MiXplorer v6.49.3 from XDA. But the themes and skins work on all the current builds too.
You can find some fonts HERE.

Available Themes:
1. SA Wooden Sepia
2. SA Reader
3. SA Dark
4. SA White Red
5. SA Fluent Grey
6. SA Corporate Steel Blue
7. SA Elegant Brown
8. SA Elegant Grey
9. SA Gunmetal

Windows Platinum Themes
Light Theme
Dark Theme
Black Theme
Caramel Brown Theme

I think is extremely useful to link the part of the faq about skins. There's a valuable material here to complement yours and special thanks to @FatalBulletHit for his effort.

marciozomb13 said:
I think is extremely useful to link the part of the faq about skins. There's a valuable material here to complement yours and special thanks to @FatalBulletHit for his effort.
Click to expand...
Click to collapse
While I wait for your Fluent Black/ Dark theme, I tweaked your light theme myself for demonstration purposes. Please check the first comment below OP.

Sridhar Ananthanarayanan said:
While I wait for your Fluent Black/ Dark theme, I tweaked your light theme myself for demonstration purposes. Please check the first comment below OP.
Click to expand...
Click to collapse
I already have a dark theme ready, just not published yet.

marciozomb13 said:
I already have a dark theme ready, just not published yet.
Click to expand...
Click to collapse
Looking forward to it.

Nothing special, the same but dark (not black)

marciozomb13 said:
Nothing special, the same but dark (not black)
View attachment 5157039
Click to expand...
Click to collapse
Are the changes limited to just the background colours or is there more to it (like a new set of icons, etc.)?

Sridhar Ananthanarayanan said:
Are the changes limited to just the background colours or is there more to it (like a new set of icons, etc.)?
Click to expand...
Click to collapse
Just colors.

how to change the font in mixplorer ?

loopypalm said:
how to change the font in mixplorer ?
Click to expand...
Click to collapse
Quick way, if you don't want to edit an existing theme, or create one yourself. I've been tinkering with the look of my MiXplorer for years and still haven't created my own theme; only tweaked others'.
3-dot—>Settings—>Skins—>Pencil—>Edit, Scroll to bottom.
..and, as @marciozomb13 added:
"You must enter the absolute path of the font, any otf or ttf font is supported afaik."
..Hopefully the screenshot helps. You may notice that the font files I added are on my SD Card.

loopypalm said:
how to change the font in mixplorer ?
Click to expand...
Click to collapse
I have included the details in the OP. Check it out.

TiTiB said:
3-dot—>Settings—>Skins—>Pencil—>Edit, Scroll to bottom.
Click to expand...
Click to collapse
Sridhar Ananthanarayanan said:
I have included the details in the OP. Check it out.
Click to expand...
Click to collapse
got it ! thank you so much ^......^ !

loopypalm said:
got it ! thank you so much ^......^ !
Click to expand...
Click to collapse
You are welcome.

TiTiB said:
Quick way, if you don't want to edit an existing theme, or create one yourself. I've been tinkering with the look of my MiXplorer for years and still haven't created my own theme; only tweaked others'.
3-dot—>Settings—>Skins—>Pencil—>Edit, Scroll to bottom.
..and, as @marciozomb13 added:
"You must enter the absolute path of the font, any otf or ttf font is supported afaik."
..Hopefully the screenshot helps. You may notice that the font files I added are on my SD Card.
View attachment 5158679
Click to expand...
Click to collapse
Can you share the Samsung OneUI fonts please?

Sridhar Ananthanarayanan said:
Can you share the Samsung OneUI fonts please?
Click to expand...
Click to collapse
Find them here http://u.pc.cd/jAkrtalK (my shared pCloud), along with a few others that meet my criteria.

TiTiB said:
Find them here http://u.pc.cd/jAkrtalK (my shared pCloud), along with a few others that meet my criteria.
Click to expand...
Click to collapse
Thanks very much.

hi ^^
anyone knows how to change those icons :

loopypalm said:
hi ^^
anyone knows how to change those icons :
View attachment 5165557
Click to expand...
Click to collapse
You have to change the icon file inside the theme zip. Everything has been explained in the OP.