Pin It

How to Install HTC Hero Theme on iPhone

By on August 25, 2009 in Posted In: iPhone, Themes

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!

About Simon Ng

Founder, developer and chief blogger of simonblog.com
View all posts by Simon Ng →

, , , ,

  • Abdur Rehman

    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

    • http://www.simonblog.com Simon Ng

      @Abdur, thanks. This theme is awesome!

  • João Silvério

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

    Best regards…

    • http://www.simonblog.com Simon Ng

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

  • John dung

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

  • mithun

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

  • ims

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

    • http://www.simonblog.com Simon Ng

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

  • TSH

    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.

  • HighLife

    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.

    • HighLife

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

  • http://www.alliancepowertools.com/ Prateek Jain

    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.

  • http://www.facebook.com/profile.php?id=699481593 Kevin Barbee

    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!

    • http://www.simonblog.com Simon Ng

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

  • Sami Hoquist

    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?

    • http://www.simonblog.com Simon Ng

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

      • Alexander

        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.

      • Dustin

        I have the same problem and I have winterboard. Any help will be appreciated.

  • Alexander

    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.

  • Alexander

    Nevermind, lolz =)

  • neon

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

    • http://www.simonblog.com Simon Ng

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

      • lem

        sir how can i put weaterwidget above ivillain?

  • neon

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

  • Mukund

    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

  • Durra

    How do I change to 24 hour clock?

  • Mukund

    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

    • Vikas

      Hi Mukund,
      Please elaborate how you changed the source and locale so that it works for me too. I am in Bangalore.

      Thanks
      Vikas

  • http://www.unlock-hero.com HTC Hero

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

  • Mason

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

  • Pham Bao Ngoc

    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!

  • Pham Bao Ngoc

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

    • Jacob

      Go to the configureMe.js file and there should be a line that says:

      var isCelsius = false //true|false

      Change it to:

      var isCelsius = true //true|false

  • Mike

    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!

    • Jameel Awan♥

      With the help of “iPhone PC Suite” Brows Files System and go to

      /Library/Themes/WeaterWidget/Private

      If your city is showing correctly but temperature not then

      Open Wallpaper.js by Editor

      change temperature formula as (-23+(num – 32) * 5 / 9)

      suppose wrong temperature is 56 and it should 33

      so 56-23=33

      however there will be difference of +1 or -1 with actual temp by this change in formula.

      I hope it can help you.

  • Mike

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

  • Nate

    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?

  • Korazu

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

    Can you switch from the 24 to 12 hour clock?

  • Pingback: com3.es | Got an iPhone as a New Year Gift? Here are Some Tips to Get Start

  • Goce

    The dock is not working :S

  • Michelle

    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

  • Jay

    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

  • Hutchmink

    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?

  • steve

    I cant get the weather wiget to go above ivillian im on a pc

  • steve

    please help

  • steve

    duh im stupid i figured it out

  • Gus

    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

  • thatguy

    i cant get the “o” phone and “+” buttons to line up how u hav it

  • Callum

    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 :)

    • Gus

      Thanks for the advice! ;-)

  • Sam

    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)

  • Nic

    I can’t seem to get the THEMES folder to show up when using Cyberduck. I have Winterboard installed, but still nothing. Any ideas??

  • Reynaldo

    will it work on 4.0

  • lov

    DOES THIS WORK WITH iphone 4???
    I cant get the weather to work perfectly, it just loads and shows question mark

  • Yeo

    I can get everything, except the button beside “calendar” in the screenshot you provided.

    Besides, I can’t get the dialler replaced with the HTC theme. It still show up the orignial dialler.

    Anyone know how to fix it?

  • Derrick

    this theme is absolutely stupid. The weather does not work what so ever. FIX IT

  • Clock set on 24 hours please help!

    Alright I downloaded this theme used Ifile not shsh alot easier used gridlock instead of iblank and the only thing I can get right is the f&$@ing clock set to 24 hours want 12 hours can anyone tell me where to go and what to edit..?

  • Rey

    Does it work iOS 4.1 on iPod touch 4g?

    • http://www.simonblog.com Simon Ng

      I do not have iPod touch. But it probably doesn’t work as this theme was released long time ago.

      • Apple muncher

        This is working great, except that iBlank keeps crashing on me. I cant even open it. I reinstalled it, removed and installed it etc. Is there any other app or any way to make it work?
        Thanks

  • pixelrogue

    Love the theme. Not getting it working properly on iOS 4.2.1 (trying all kinds of setting combinations, restarts etc). Has this them been validated for 4.2.1? Are there known conflicts (ie. 5 column springboard etc)?

    • Default weather (weater) app will not work. Question mark. Chance city = question mark.
    • Bottom curved dock does not appear at all.
    • Clock & Weather widgets are on every page (no black pages)
    • iBank drop shadows will not turn off (incl.BossPref Substrait options)

    I’m hoping these issues are a result of user error and the right setting combinations are not yet in place.

    • pixelrogue

      Edit: Chance city = CHANGE city ^^
      Edit: iBank = iBLank

    • pixelrogue

      Theme is NOT updated for 4.2.1; there is an update for for the lock screen over at Redmond Pie.

  • Pingback: Anonymous

  • shan

    hi i am running on 4.2.1 but in the library, i cant find theme, i already had winterboard in my ipod touch

  • 4.2.1 iPhone 3GS

    I see alot of people trying to run this theme, it’s alot easier if u guys use HTC FX from cydia theme is great and it works on my iPhone running 4.2.1 if u have any questions let me know my email is [email protected]. Also please use gridlock and ifile makes life so much easier.

  • mackenzie

    i did everything thing u told me to do but i cant seem to get the slider just right of the third icon. also the frame of the dock isnt there (where it bellys up over the “.” /”+”/ “phone” button.

    what should i do?!? i really want this theme! :)

  • http://lunchbreakweb.weebly.com Lunch Break

    I have been searching for a very long time and have come up with a far better HTC theme. You can find it at my website at http://lunchbreakweb.weebly.com/htc-theme-for-iphone-and-ipod-touch.html

  • euraa

    For some reason I cannot find folder “themes” from the folder “library”. Why´s this? What can i do?

  • Cameron Nottingham

    Hey can you help me with this why is the clock on every page and the regular iphone dock still there basically everything isnt working like your screenshots.

    Much aprreciated if you reply

  • http://www.jewelry.hq01.co.uk Fredrick Echols

    Really appreciate you discussing this blog post.Thanks Again. Excellent.

  • Apple muncher

    This is working great, except that iBlank keeps crashing on me. I cant even open it. I reinstalled it, removed and installed it etc. Is there any other app or any way to make it work?

  • Gavin

    I have the winterboard application installed, and i am running cyberduck on the mac. I have the iphone hooked up correctly but i cant find a theme folder in the library folder? how do i fix this?

  • Dan

    Does this guide still work with the iPhone 4S? I’ve done everything, but the weater widget does not display the weather or show anything except the time.

    I’ve checked to make sure the weater is above the ivillain. That doesn’t seem to work. There was no default city.

  • Scott Kim

    I did all the steps but it looks really weird. The time shows (not weather and the apps are normal), but after the first page it has a greyish black background and the background is blurry. What the heck?

    • Scott Kim

      I’m using iOS 5.1.1 and iPod 4th Gen