How to Install HTC Hero Theme on iPhone

by Simon Ng on August 25, 2009



HTC Theme for iPhoneDespite 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.

Transfer theme folder via SSH

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.

htc-hero-winterboard

Oops… You need iBlank to Rearrange the icons

After respring the springboard, the HTC Hero theme should be activated. But it looks like this…

htc-hero-theme-without-iblank

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.

iblank

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.

HTC Hero Sense UI Theme for iPhoneHTC Hero Theme - Dialpad

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-weather-widget

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”.

htc-hero-advanced-tip-2

Thanks for justflikwalk of deviantart to bring us this great theme. Enjoy!

 Share with Your Friends

What'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:

Sign up and Download Free iPhone Guide

{ 26 comments… read them below or add one }

1 Abdur Rehman August 25, 2009 at 5:10 pm

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

Reply

2 Simon Ng August 26, 2009 at 12:10 am

@Abdur, thanks. This theme is awesome!

Reply

3 João Silvério August 26, 2009 at 2:52 am

Do we need OS 3.0 or higher to install this theme?

Best regards…

Reply

4 Simon Ng August 26, 2009 at 4:31 pm

@Joao, I installed the theme on iPhone 3.0 but it should apply to lower firmware version.

Reply

5 John dung August 26, 2009 at 10:06 am

Thank you for the apps theme ,but it seems the weather does’nt to be working.after ssh and configure.

Reply

6 mithun August 26, 2009 at 12:19 pm

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..

Reply

7 ims August 26, 2009 at 8:02 pm

Hi Simon
Can you assist how to move iblank icons to home screen.
Thanks

Reply

8 Simon Ng August 28, 2009 at 12:08 am

@ims, just tap on the blank icon and drag it to the 1st screen. It’s the same as you move other iPhone icons.

Reply

9 TSH August 27, 2009 at 7:54 am

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.

Reply

10 HighLife August 29, 2009 at 4:27 pm

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.

Reply

11 HighLife August 29, 2009 at 4:28 pm

Ohh, also…my weather wasnt showing either. Just dashes and a giant question mark where the moon goes.

Reply

12 Prateek Jain August 30, 2009 at 2:51 am

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.

Reply

13 Kevin Barbee August 30, 2009 at 8:58 am

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!

Reply

14 Simon Ng August 30, 2009 at 10:36 pm

@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.

Reply

15 Sami Hoquist August 30, 2009 at 11:41 am

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?

Reply

16 Simon Ng August 30, 2009 at 6:07 pm

@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.

Reply

17 Alexander September 1, 2009 at 6:51 am

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.

Reply

18 Alexander September 1, 2009 at 6:51 am

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.

Reply

19 Alexander September 1, 2009 at 6:52 am

Nevermind, lolz =)

Reply

20 neon September 2, 2009 at 8:25 pm

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!!!

Reply

21 Simon Ng September 2, 2009 at 11:59 pm

@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.

Reply

22 neon September 3, 2009 at 4:37 am

ahhh, You’re a genius!!! Thank you so much!!!

Reply

23 Mukund October 12, 2009 at 5:18 am

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

Reply

24 Durra October 13, 2009 at 7:34 pm

How do I change to 24 hour clock?

Reply

25 Mukund October 16, 2009 at 6:54 pm

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

Reply

26 HTC Hero November 20, 2009 at 7:12 pm

amazing and pleasure to us it is very nice to us, I like it very much.

Reply

Leave a Comment

Previous post: Turn Your iPhone into HTC Hero with iVillain Theme

Next post: Movement Lets You Easily Organize iPhone Apps From Your Mac

Get smart with the Thesis WordPress Theme from DIYthemes.