Despite HTC Hero theme is still in beta, quite a number of readers are trying to dress his/her iPhone with this great theme. By now, the HTC Hero theme is not available yet. So, to install this theme on iPhone, the only way is to download the theme and transfer to iPhone manually.
Here comes to the guide that shows you how to install HTC Hero theme on your iPhone. Before we begin, your iPhone should have been jailbroken and you should have some basic knowledge of Winterboard and SSH. If you do not heard of them or you’re not too familiar of any of them, read the following articles first:
Both Winterboard and SSH are required for manual installation of HTC Hero Theme. So, make sure you know both before continue.
Download HTC Hero Theme
First, download the HTC Hero theme from devianart and extract the zipped file. After unzip, you should have two folders – iVillain.theme and WeaterWidget.theme.
Transfer the theme folder to iPhone via SSH
Next, launch WinSCP (for Windows) or Cyberduck (for Mac) and connect to your iPhone via SSH. Go to the “/Library/Themes” folder and transfer both “iVillain.theme” and “WeaterWidget.theme” folder to your iPhone.

Launch Winterboard and Enable the theme
Once you successfully copy the theme folders to your iPhone, you can then launch Winterboard. Select both “WeaterWidget” and “iVillain”. Also, make sure the order is correct. “WeaterWidget” should be positioned above “iVillain”, otherwise, the weather widget will not be able to displayed. When you’re ready, press the Home button to activate the HTC Hero theme.

Oops… You need iBlank to Rearrange the icons
After respring the springboard, the HTC Hero theme should be activated. But it looks like this…

The installation is not finished yet. You still need to do a little bit of configuration to rearrange the icon. To arrange the icons, you’ll need to install iBlank from cydia. iBlank is a hacked application that lets you create blank icons. With iBlank, create 12 blank icons and move them to the first home screen.

So, when complete, you should only have 3 visible icons left. For me, I leave my favorite apps including Camera, Messages and Safari on the home screen.
That’s it! You have turned your iPhone interface to HTC Hero’s Sense UI.


Two more tips for Advanced Users
Configure Weather Widget
By default, the weather widget is set to display the weather of San Francisco. To show the weather of your country, edit the /Library/Themes/WeaterWidget.theme/Private/configureMe.js and change the locale property to your city (with country specified). Then copy the file back to your iPhone and relaunch Winterboard. The theme will then show the weather of your preferred city.

Configure Default Applications
You can also configure the “.” and “+” icons to activate your preferred application. Originally, the “.” icon launches the Winterboard app, while tapping the “+” icon will show the Contacts. Say, you want to change the “.” and “+” icons to launch “BeejiveIM” and “Facebook” respectively. You can simply navigate to /Library/Themes/iVillain.theme/Icons. Then rename “Contacts.png” to “Facebook.png” and “Winterboard.png” to “BeejiveIM.png”.

Thanks for justflikwalk of deviantart to bring us this great theme. Enjoy!
Share with Your FriendsWhat's Next?
If you find the post is useful, subscribe to Simon Blog using RSS or Email to get free iPhone updates. Alternatively, you can follow me on Twitter or join us on Facebook.
Related Post you'll like:- Turn Your iPhone into HTC Hero with iVillain Theme
- How to Install Winterboard Theme on iPhone without using Cydia
- Never Miss this Great Winterboard Theme for iPhone – Acier
- Winterboard Theme: PerfectStorm transforms your iPhone into Blackberry Storm
- How to Make Your iPhone Look Like iPad Using Winterboard





{ 46 comments… read them below or add one }
Thanx Simon
it is so nice and Cool theme i ve ever seen like this
thank u again for post a detail note on this theme
@Abdur, thanks. This theme is awesome!
Do we need OS 3.0 or higher to install this theme?
Best regards…
@Joao, I installed the theme on iPhone 3.0 but it should apply to lower firmware version.
Thank you for the apps theme ,but it seems the weather does’nt to be working.after ssh and configure.
some how the weather widget doenst work after performing the above steps….
i also dunno how to do it…
we have put the widget above the villain….and still doesnt work?
simon can u pls help us…thaznk..
Hi Simon
Can you assist how to move iblank icons to home screen.
Thanks
@ims, just tap on the blank icon and drag it to the 1st screen. It’s the same as you move other iPhone icons.
Hi Simon, I’m facing problem for the weather widget as well. I had even follow your guide to put in “Hong Kong, HK”, but still doesn’t work for me.
I installed it just like was explained…however, was having a really really tough time pushing the winterboard button and the contacts button…it would go after a few dozen pushes.
Ohh, also…my weather wasnt showing either. Just dashes and a giant question mark where the moon goes.
It is so nice and Cool theme i have ever seen like this thank u again for posting a detail note on this theme. Can you assist how to move blank icons to home screen.
My iPhone screen shows up with pieces of the theme on various pages/screens.
Here’s a screen shot:
http://www.kbcreativeadvisors.com/temp_delete/ishot.png
What did I do wrong?
Thanks!
@Kevin, you’re almost done. Just locate the Winterboard icon and Contacts icon, which should now be shown as the dot icon and plus icon respectively. Then use them to replace your Mail and Clock icons in the dock. But please take note. To replace the docked icons, you have to move the icons to the first page of home screen.
Leave me message if you can’t get it work.
I am trying to transfer the themes to my iPhone but when I click on “Library” there is no “Theme” folder. Should I make a theme folder or is there something wrong?
@Sami, I think you haven’t installed Winterboard. Once you have Winterboard installed, you’ll see the Theme folder. You can install Winterboard via cydia.
How can I organize the Winterboard list? I haveIvillain over the weaterwidget. Can’t seem to figure out how to re-arrange them..
Thanks in advance.
How can I organize the Winterboard list? I haveIvillain over the weaterwidget. Can’t seem to figure out how to re-arrange them..
Thanks in advance.
Nevermind, lolz =)
Hi,
This is a very cool theme. But i’m having problem with mines. The weather is not displaying. I activated it through winterboard but still won’t show. Am I doing something wrong? or do i need to add anything?
Thanks much!!!
@neon, the weather widget should be ordered as the 1st item in Winterboard. Otherwise, it won’t show up. Let me know if this works for you.
ahhh, You’re a genius!!! Thank you so much!!!
Works perfectly, just stuck on 1 step, tried several combinations of trying to get my local weather on it.
Kolkata (Calcutta), India.
Just shows me “Loading” and the world icon is grey and shows “N/A” … any help is appreciated on what exactly to put on the configureMe.js file
Thx in advance
How do I change to 24 hour clock?
Edit….
got it to work
If using yahoo weather, then you need to put in the city code (no idea where to find it) and for entries such as “Kolkata, India” I changed it to use Accuweather and now works perfectly.
Cheers
amazing and pleasure to us it is very nice to us, I like it very much.
Ha Simon you are such a bad AAA!!! this is sick!
Thanks!!
This is a very good theme.But I have a problem.I’m in wuhan,china.In configureMe.js I change the locale property to my city “wuhan,china”.The wether work but now is winter,the weather still 37 degree.Am I doing something wrong? I nedd do something?Please help me,I very very like this theme.Thanks!
How to change °F —> °C???Help me!!1
Weather is showing up but the temperature is wrong? I’m in Philadelphia and IRS telling me 56 degrees when it’s 33 degrees…any ideas?? Help!
I meant “it’s” not IRS…damn iPhone auto correct!
I have WeaterWidget above iVillain and I have changed the city. The weather does not show up, though. Just a blue box with a question mark and “Loading…” in the upper left corner. Any suggestions?
Thanks for all the hard work, it’s a great theme!
Can you switch from the 24 to 12 hour clock?
The dock is not working :S
I need help, I can’t seem to edit/view the configureme.js part. It says something there is no default application. Please reply back asap. I really like this app!
With much aloha
-Michelle
I have 2 problems!
One: the dock is 75% hidden. It’s farther down than it’s supposed to be, and I only can see the tip of the “P” from the phone. How can I move the dock back up to where it’s supposed to be?
Two: after like 5 pages, there is no background! It just goes tranparent. Is there a way to make the background stay on all the pages?
Any help is appreciated.
Thanks
Wow Great theme Thanks alot.
The only problem im having is the circle button which is Winterboard is reacting really bad. I have to press it like 20x before it reacts.
Any tipps on that?
I cant get the weather wiget to go above ivillian im on a pc
please help
duh im stupid i figured it out
Hi, congrats by you art, it´s work fine for me almost in all aspects. I can made a change for the wether without a problem, it took my location very well (Buenos Aires, AR) and Celcius degrees. Just have a problem with the three bottom “knobs” (phone, contacts and ?), I can´t make that these appear. I appreciate a comment.
Thanks a lot and congrats again (sorry by my english)
Gus
i cant get the “o” phone and “+” buttons to line up how u hav it
to any members who have problems with non respionsive edited icons on the dock, it is not because they are unresponsive! because of the difference in icon size and the dock config., you will have to tap slightly to the right on the ‘.’ button, and slightly to the left on the ‘+’ button, it then works a charm
Thanks for the advice!
Hi Simon,
I am stuck on 2 things really !
1st: the weather is stuck on “LOADING” i edited the file and replaced it with my location as described on yahoo. but there is no update on it yet.
2nd: the drag icon on the right of the home screen (screen where the time and weather shows) cannot be located ! when i move to second page or third page, all the icons are there and simply covers over the time and weather ! instead of having a black background as shown in the demo !
your help is highly appreciated since it has been 2 days that i am trying to get it to work without success ! (i have a 8gb Iphone 3g, jailbroken and running on IOS 4.0.1)
I can’t seem to get the THEMES folder to show up when using Cyberduck. I have Winterboard installed, but still nothing. Any ideas??
{ 1 trackback }