My Custom Demandware UX Studio Icon for OSX

Oct 04

I am so super impressed with Demandware at this point. I haven’t seen much but I like how everything fits together. The only thing that didn’t fit – on my Mac at least – was the icon for the IDE. (A plugin library on top of Eclipse) So I remedied that situation:

My Demandware logo inspired icon for Demandware UX Studio

Now to set the app’s icon in the two places that matter. Place the .icns file here:

/Applications/DemandwareUXStudio/DemandwareUXStudio.app/Contents/Resources

And edit this file:

/Applications/DemandwareUXStudio/DemandwareUXStudio.app/Contents/Info.plist

Find the key ‘CFBundleIconFile‘ and set the value between ‘<string></string>‘ to ‘dw_logo.icns‘. Save the file. This will set the .App’s icon to that icon file. Now we need to instruct Demandware UX Studio (the executable) to do the same.

In the file:

/Applications/DemandwareUXStudio/plugins/com.demandware.studio_2.10.7.0/plugin.xml

Note: At the time of writing this the current version was 2.10.7.0 however it is now 12.1.0—as of 2/1/2012—so adjust the fore-mentioned path to whatever version you have installed.

Find the key: ‘windowImages‘ and set it’s value to:

../../DemandwareUXStudio.app/Contents/Resources/dw_logo.icns

Save the file. Now you’ve set the executable’s icon as well. You may notice a slight change in color as the executable changes the icon on the Dock when it is active. It’s pretty discreet but still a slight difference.

Sit back and enjoy the classy brushed aluminum look in your ⌘+Tab menu and in the Dock.