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

{ 1 trackback }

com3.es | Got an iPhone as a New Year Gift? Here are Some Tips to Get Start
January 1, 2010 at 7:04 am

{ 37 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

27 Mason December 11, 2009 at 7:21 am

Ha Simon you are such a bad AAA!!! this is sick!
Thanks!!

Reply

28 Pham Bao Ngoc December 15, 2009 at 10:20 pm

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!

Reply

29 Pham Bao Ngoc December 16, 2009 at 2:52 pm

How to change °F —> °C???Help me!!1

Reply

30 Mike December 25, 2009 at 5:35 pm

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!

Reply

31 Mike December 25, 2009 at 5:38 pm

I meant “it’s” not IRS…damn iPhone auto correct!

Reply

32 Nate December 27, 2009 at 5:03 am

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?

Reply

33 Korazu December 30, 2009 at 12:25 pm

Thanks for all the hard work, it’s a great theme!

Can you switch from the 24 to 12 hour clock?

Reply

34 Goce February 7, 2010 at 10:56 pm

The dock is not working :S

Reply

35 Michelle February 11, 2010 at 3:16 pm

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

Reply

36 Jay February 24, 2010 at 11:59 pm

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

Reply

37 Hutchmink March 12, 2010 at 11:21 pm

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?

Reply

Leave a Comment

Previous post:

Next post:

Get smart with the Thesis WordPress Theme from DIYthemes.