HOW TO - Give Front Row a new theme

Front Row Skin
I've been toying around with my new iMac and so far my favorite new feature is Front Row, the simple movie theatre app that's enabled on the newer IR remote equipped machines. You may have heard about a hack to enable Front Row on older Macs, but that's not what this hack is about.

I wanted to give Front Row a slightly custom look and feel for when friends stop over to watch movies. Now, I'm not going to pretend I have even an iota of the graphical talent of an Apple designer, but with this hack I'll show you how to make your machine look a bit different. And different is cool.



Back up your old settings
All of the localization text and icon images used in Front Row are stored inside the /System/Library/CoreServices/Front Row package. You're probably going to make a lot of changes before you settle on the theme you like. Heck, you may decide Apple's designers were on to a good thing in the first place. Either way, you'll want to copy this package to a safe place before you continue, just in case you want to revert your changes at some point.

Change Front Row's icons
Right click on the Front Row package and select "Show Package Contents." Inside, you'll find some interesting things in Contents/Resources. There are a bunch of PNG images in there for everything from the player control icons to the "Videos" and "Music" icons that rotate on the main menu.

You can open these PNGs in Gimp or Photoshop and change them to whatever you like. I decided to make a black and white sketch theme by running a couple photoshop filters on the existing icon set. Whatever you choose to do, I'd recommend keeping the same image dimensions as the original file. Also pay attention to the positioning of the icons so that your versions will be positioned correctly in the Front Row interface.

You can't directly save back to the Resources folder due to security permissions, so save all of your new images to a new folder on your desktop. The original format of the images is 8bit PNG. Save your new images in this same format.

Move your new icons to the Front Row package
You'll need to be root to replace the files in the Front Row package. So open up a new terminal and type "sudo bash" and enter your password. Then, change to the destination directory:
# sudo bash
We trust you have received the usual lecture from the local System
Administrator. It usually boils down to these three things:

#1) Respect the privacy of others.
#2) Think before you type.
#3) With great power comes great responsibility.

Password: ***************

# cd /System/Library/CoreServices/Front\ Row.app/Contents/Resources/

Now copy the new files there. Let's assume you placed them in a folder called FrontRowTheme on your desktop:
# cp ~/Desktop/FrontRowTheme/*.png .

Now at this point, your probably ran Front Row and nothing appears to have changed. You need to restart Front Row for the changes to take effect.

Restart Front Row
By restart, I mean kill. It'll get launched again automatically when you try and access it. You can either reboot your machine or use ps to find the process id and then kill -9 it:
# ps aux | grep Fro
yourmac 5895 0.0 1.2 225920 12436 ....
# kill -9 5895

Check it out
If you run Front Row now, you'll see your new skin. Though it's a pretty simple hack, it's also a really nice way to customize the look of your machine.

If you want to go a little further, you can also change the text that's used within the program. Take a peek in the English.lproj (or the appropriate language) folder. You can open the Localizable.strings file in TextEdit and tweak the language to fit your style. Just save to your desktop and copy it back as root as you did with the images.

Have fun, and if you come up with a seriously awesome theme, zip it up and send us a url in the comments.


Recent Entries

Comments

Oldest comments listed first.

Posted by: juliehill on December 27, 2006 at 4:24 PM

can the author of this hack email me? I want to run something by you...


Posted by: bbliatkceh on September 24, 2007 at 4:27 PM

Has anybody had any success in running this hack. I can't get it to work. I run it step by step and nothing. Even after I restart my computer. Can somebody please help me.


Posted by: Robert Kenning on February 19, 2008 at 5:03 AM

How do you change the default Minuet in G


Leave a comment


Subscribe to MAKE!Subscribe to MAKE Magazine!

Subscribe today, save 42% and get web access to MAKE free. MAKE Digital Edition is available only to subscribers.

$34.95 / 1 year
(4 Quarterly Issues)

Subscribe now


Void your warranty, violate a user agreement, fry a circuit, blow a fuse, poke an eye out. Make: The risk-takers, the doers, the makers of things... Welcome to Make: Online!


CRAFT Maker Shed Maker Faire MAKE television
Holiday Gift Guides from MAKE
Gifts for Dads
Science and Chemistry
Gifts Under $20
More guides: Santa Claus Machines, Geek Toys for Grown Up Girls & Boys


Check out all of the episodes of Make: television

Alex Rider Dream Gadget Contest
Make: Science Room

Connect with MAKE

Be a MAKE fan on Facebook MAKE on Facebook
Visit our Facebook page and become a fan of MAKE!
MAKE on Twitter MAKE on Twitter
Follow our MAKE tweets!
MAKE Flickr Pool MAKE on Flickr
Join our MAKE Flickr Pool!
    make_tips on Twitter




    Maker SHED

    Advertise here with FM.

    Why advertise on MAKE?
    Read what folks are saying about us!

    Click here to advertise on MAKE!



    Subscribe to MAKE Magazine!

    Make: Online authors!

    Gareth BranwynGareth Branwyn
    Senior Editor


    Phillip TorronePhillip Torrone
    Senior Editor
    | AIM | Twitter


    Becky SternBecky Stern
    Associate Editor
    | AIM | Twitter


    Marc de VinckMarc de Vinck
    Contributing Writer
    | AIM | Twitter


    John ParkJohn Park
    Contributing Writer
    | Twitter


    Sean RaganSean Ragan
    Contributing Writer
    | Twitter


    Matt MetsMatt Mets
    Contributing Writer
    | AIM | Twitter


    Dale DoughertyDale Dougherty
    Editor & Publisher
    | Twitter


    Shawn ConnallyShawn Connally
    Managing Editor
    | Twitter


    Goli MohammadiGoli Mohammadi
    Associate Managing Editor

    Kip KayKip Kay
    Weekend Projects
    | AIM | Twitter


    Collin CunninghamCollin Cunningham
    Contributing Writer
    | AIM | Twitter

    Adam FlahertyAdam Flaherty
    Contributing Writer
    | AIM | Twitter



    More contributors: Mark Frauenfelder (Editor-in-Chief, MAKE magazine), Kipp Bradford (Technical Consultant/Writer), Chris Connors (Education), Diana Eng (Guest Author), Peter Horvath (Intern), Brian Jepson (O'Reilly Media), Robert Bruce Thompson (Science Room)

    Suggest a Site!

    Current Podcast

    itunesdl.gif Weekend Project: Beetlebot Simple robot from your parts bin that avoids obstacles. Thanks go to Jerome Demers for the original article in MAKE, Volume 12. To download the Beetlebot video, click here or subscribe in iTunes. Check out the complete Beetlebot article... More...

    Get the Make: Online sent via email
    Enter your email to receive Make: Online each day:



    MAKE Fascination video series brought to you by Dow

    Make: Education
    MAKE: en EspaƱol MAKE: Japan
    Important please read


    Subscribe to MAKE Magazine!

    Recent Posts from the Craft: Blog