Pick of the Week - Nov 10 [Show all picks]
Path Finder 5 - A feature-laden Finder replacement
Submit Hint Search The Forums LinksStatsPollsFAQHeadlinesRSS
12,000 hints and counting!

10.5: Change the Dock's background and separator System 10.5
I know a lot of you are not a fan of the 3D dock, however I love it. One thing that was bugging me was that little curve that was in it. It seemed so unnecessary and I felt made the dock look a little too busy. In trying to see if I could remove it, I found out that whole background is one PNG image.

The image is found here: /System » Library » CoreServices » Dock. Control-clik on the Dock file and select Show Package Contents from the pop-up menu. Once inside the dock's package contents, you need to go into the Resources folder. There is a bit of an unknown here: The dock's background image is called scurve.png, and if you're doing this as you read, you'll see there are several scurve files. The one that worked on my system was scurve-l.png. You may have to try some of the other scurve files (they range from sm to xl) to get this to work.

Copy scurve-l.png and place it somewhere so you know where it is and can edit it. I made a second copy of this as well, because you will have to replace the one in the package, and I wanted an original just in case. Fire up your favorite image editor that supports layer opacity. The reflection in the dock is actually a layer below the image you are editing, so the amount of opacity you set your image to in the image editor will determine how reflective your dock is when your all said and done.

Now you get to do your magic in Photoshop or whatever it is you are using. I just changed mine to a solid black, and set the opacity to 70%, and saved it as a png. Any name for this file will do. I then dragged the saved png file to the Finder window I opened earlier. You want to place your new file into the same Resources folder as where the original resides. You will have to authenticate to tell the system that you are sure you want to put this new file in there.

Once you have your file where it needs to be, you'll need to fire up Terminal. Navigate to the Resources directory I mentioned earlier. In my case, I named my new dock file scurve-black.png, so I had to type in:
sudo mv scurve-black.png scurve-l.png
The general form of the command is sudo mv newFile oldFile. To see the fruit of your labor, you'll have to restart your dock. Logging out should do it, or just "Force Quit" it from the activity monitor, or use killall Dock in Terminal.

[robg adds: Reader Marius_Th also sent in a tip on this, and he included a shot of his colorized dock; here's a segment of his, or click it to view the full version:


He also points out that you can change the left/right separator by modifying the various separator PNG files in the Resources folder.]
    •    
  • Currently 0.00 / 5
  • 1
  • 2
  • 3
  • 4
  • 5
  (0 votes cast)
 
[40,339 views]  

10.5: Change the Dock's background and separator | 18 comments | Create New Account
Click here to return to the '10.5: Change the Dock's background and separator' hint
The following comments are owned by whomever posted them. This site is not responsible for what they say.
10.5: Change the Dock's background and separator
Authored by: ajmas on Mon, Oct 29 2007 at 8:02AM PDT
I modified the hue of mine, to something other than the grey. Its a simple change, but enough to reduce of the dull grey feel of the UI.

It should be noted that the 2D dock can also be modified with some of the other files there. And the dashed section separator is also a file that is present that could be modified. There are a lot changes that can be done.

If anyone has any special designs please post a link to them here.

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: berada on Mon, Oct 29 2007 at 8:08AM PDT
I found this out yesterday ... I'm a Dock on the right person myself and I'm not happy with the heavy handed design of the new side Dock. I've managed to manipulate the set of PNG's for the right placed Dock to remove the horrid white outline but I've not figured out how to change the colour.

The right (left and bottom) placed flat look Dock uses a set of 5 images cunningly named right1.png -> right5.png to obfuscate their function (obviously the left Dock is left1.png -> left5.png and bottom is bottom1.png -> bottom5.png). These 5 images are for the top and bottom corners and the top, left and bottom edges. Changing the colour of these images creates a wide border effect around the icon area/background of the Dock which remains the same dark grey. Bummer.

The background area containing the icons must be managed by some other image in the Resources folder or it's done programmatically .... has anyone discovered how the main background area is handled yet?

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: mimic on Tue, Feb 3 2009 at 5:43PM PST
Any progress on discovering a way to change the background color of left/right positioned Dock? Images only influence its border.

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: Marius_Th on Mon, Oct 29 2007 at 8:39AM PDT
the letters (l / m/ sm/ xl) probably stand for large/ medium/ small/ and xtra large/ respectively, and likely depend on the size you've set your dock on.

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: jeckyll on Mon, Oct 29 2007 at 9:11AM PDT
I've changed almost all pngs but nothing happens to the background in the 2D version. For me it seems, that its done programmatically. ;(

I want to have back my clear-no-reflection-kind-of dock from Tiger!

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: ajmas on Mon, Oct 29 2007 at 9:36AM PDT
Did you change the alpha channels of any of the images?

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: mark hunte on Mon, Oct 29 2007 at 11:41AM PDT
One of the first things I did when I got my copy of Leopard the other day, was to change the active app image.
( indicator_small.png) which sits under the app icon.
I could not see it all that well on my PB.
I have not yet found a need to change other indicator_** images yet

---
mh

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: LegoEvan on Mon, Oct 29 2007 at 12:13PM PDT
You can turn the glossy shelf into the flat-background (like when the dock is left- or right- mounted) via these simple commands in the Terminal:

defaults write com.apple.dock no-glass -boolean YES
killall Dock
I can't take credit for this, I got it from Ars Technica's Leopard review: http://arstechnica.com/reviews/os/mac-os-x-10-5.ars/4

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: benfsmith on Mon, Oct 29 2007 at 6:09PM PDT
For those who are interested, you can also edit the "front" white line by doing this same process to frontline.gif, and the indicator images. Too bad we can't post screenshots here, or I'd show you the nice results I achieved.

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: jiclark on Mon, Oct 29 2007 at 9:28PM PDT
Just put your screenshots up on the net somewhere, then give us a link to that spot. We'd love to see what you've done...

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: MarsViolet on Tue, Oct 30 2007 at 3:26AM PDT
The reflection in the dock is actually a layer below the image you are editing, so the amount of opacity you set your image to in the image editor will determine how reflective your dock is when your all said and done.
I have not found any combination of color or layer opacity in the png to have any affect on the dock's reflectivity. No matter what I do, the dock comes out medium gray and about 50% reflective. I did manage to eliminate the s-curve, but the transparency amount seems fixed. What am I doing wrong?

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: h0h0sagreement on Wed, Oct 31 2007 at 9:55PM PDT
How do I find this file? using the Terminal? what commands would I type to even get to this file? (Excuse me, but I am obviously ignorant to these things)

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: shoregeek on Thu, Nov 1 2007 at 12:35AM PDT
I can't seem to change the image -- I've followed the suggested methods and paths, but nothing changes my dock image. I've changed them all.

I'm using Photoshop CS3 and I save the images out to PNG. I've noticed that my images seem to come out with a smaller file size than those of the original file. And all I am doing is adding a color overlay to the layer, to throw in the colored effect.

Please advise.

Thanks.



[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: max77 on Fri, Nov 2 2007 at 2:49PM PDT
I am having trouble having two distinct colors (like on the screenshot)
I am using Gimp as an image editor.
Could anyone tell the step by step procedure to have a light and dark color (like for the green)

[ Reply to This | # ]
Change other stuff: interior
Authored by: robg on Sun, Nov 18 2007 at 9:43PM PST
From an anonymous hint submission:

----
clear dock does not work…in fact it crashes the OS during boot. However here is a trick to get a clear dock again.

Type this in terminal: defaults write com.apple.dock no-glass -boolean YES

Then go to /System/Library/Core Services/Dock

Show package contents: /resources

Delete the following Files:

Bottom1.png
Bottom2.png
Bottom3.png
Bottom4.png
Bottom5.png

Now in terminal type: killall Dock

And you are done and now have a nice clear dock once again.
---

-rob.

[ Reply to This | # ]
Change other stuff: interior
Authored by: apikoros on Thu, May 1 2008 at 4:55AM PDT
Uhh... no, I don't.

[ Reply to This | # ]
Magic Carpet?
Authored by: S on Tue, Apr 29 2008 at 8:58AM PDT
I know I'm a bit late, but does anyone know what the magic_carpet_*.png does?

[ Reply to This | # ]
10.5: Change the Dock's background and separator
Authored by: chrisfender1 on Sun, Aug 17 2008 at 4:41PM PDT
You can try PimpMyDock they have a cool App to create .png's that can then be used as dock backgrounds.
The greatest thing about this app, if you are uncomfortable with running Terminal commands, is that you drag your creation to the File location of the requested background image and then you just restart your dock by running "killall Dock" in terminal ;)

[ Reply to This | # ]