The New Dock is Easy to Theme!

[53kyle]

So I was digging around in the system files on my installation of Yosemite, and inside of the Dock application I found something interesting. Way back in Snow Leopard and Lion, you could edit files called "scurve.png" or something like that, and when you restarted the dock, it would match what you edited and that is how people themed the dock. In Yosemite, there are 4 files in the dock application called:

dockbackground.png - The background of the dock on non-retina macs.
dockbackground@2x.png - The background of the dock on retina macs.
dockbackgrounddark.png - The background of the dark mode dock on non-retina macs.
dockbackgrounddark@2x.png - The background of the dark mode dock on retina macs.

^^^ Macrumors is automatically making some of those file names email address links because of the "@" ^^^

I found that these worked basically the same as in older versions of OS X. The way OS X renders it is by stretching these images horizontally and stretching the middle pixel of the image vertically when the dock is resized. Oh, but in Yosemite, anywhere in the image where the pixel is filled in, the dock isn't transparent or blurred.

 

[otech]

Nice one!

 

[3282868]

I noticed those digging around while creating white menubar icons for the dark theme. Nice catch. I have saved 3D scurve files, I wonder if it render 3D backgrounds.

 

[53kyle]

I noticed those digging around while creating white menubar icons for the dark theme. Nice catch. I have saved 3D scurve files, I wonder if it render 3D backgrounds.

I don't think it will, because the entire dock is rendered from one file at a time, and it will just stretch the background through out the dock. Really all you can do is solid and gradient colors.

 

[ACDIT]

Great find !

 

[3282868]

I don't think it will, because the entire dock is rendered from one file at a time, and it will just stretch the background through out the dock. Really all you can do is solid and gradient colors.

Good point. Shame. Wonder if no dock background can be done, creating floating icons. Thanks!

 

[Striker-UMB]

Nice find I am definitely going to give that a try, thanks for sharing.

 

[PsykX]

For those who want the files listed above, Retina-style. Obviously, the blur is achieved programatically.

Sigh... I wish I could find a way to go back to my 3D Dock. It's impossible this way

 

[w0lf]

I also updated cDock to work with Yosemite if you want a transparent dock or just more control over the 2D dock.

 

[53kyle]

I also updated cDock to work with Yosemite if you want a transparent dock or just more control over the 2D dock.

Can it make the dock look like the Leopard 2D dock like it did in Mavericks?

 

[3282868]

I also updated cDock to work with Yosemite if you want a transparent dock or just more control over the 2D dock.

Nice! I've been following your work on dock modding, very impressive. Trying your new version now on 10.10. Thanks!

I backed up the current dock png's and used Photoshop to mode the dark theme png (currently using) with an old "Burberry" checked dock I used to use. It sort of worked.

Wonder if manipulating the rounded square png to a 3D template using free-transform, then adding a background, might create a 3D rendered dock. Also wonder how it determines how much of the png to use as background, using the patterned dock was intentional to see how OS X adjusted. Seems it chose a specific part of the png to use.

 

[iGrouch]

I backed up the current dock png's and used Photoshop to mode the dark theme png (currently using) with an old "Burberry" checked dock I used to use. It sort of worked.

Special edition for Angela Ahrendts.

 

[3282868]

Special edition for Angela Ahrendts.

ha I didn't even put the two together. Nice!

 

[Septillion]

...

Is there any way to bring my favorite 3D glossy dock back?

 

[53kyle]

Is there any way to bring my favorite 3D glossy dock back?

Nope. I have tried it and there are a few problems. First problem is that I can't use the glassy texture from the old dock because Yosemite will just stretch it out. Oh, and you can't see behind the "glass" because there is no way to control the opacity, so it is either a solid color or it is blurred like the normal dock. Next problem was that I couldn't get the icons above the dock at all because I can't just shave off the top bit of the dock, it will just make the missing pixels into blur. Finally, the slants which make the dock look 3D are impossible. Either it stretches the image vertically, or it makes it way too tiny (It uses the middle line of pixels to fill in the dock vertically rather than scaling the bottom of the image up).

 

[GrumpyTrucker]

I also updated cDock to work with Yosemite if you want a transparent dock or just more control over the 2D dock.

That's you? Found cDock the other week to use on Mavericks (to see if I could get to like a 2D dock) and I think it's a handy little app. Thanks

 

[Sgtarky]

lol it would be funny that most people mod the dock back to what is now..none of that flat crap

 

[w0lf]

Wonder if manipulating the rounded square png to a 3D template using free-transform, then adding a background, might create a 3D rendered dock. Also wonder how it determines how much of the png to use as background, using the patterned dock was intentional to see how OS X adjusted. Seems it chose a specific part of the png to use.

I would imagine I could make a 3D-ish dock with the 10.8 dock images and a few tweaks to the cDock bundle.

Basically like this but with the edges extended out and angled back:

 

[ACDIT]

I would imagine I could make a 3D-ish dock with the 10.8 dock images and a few tweaks to the cDock bundle.

Basically like this but with the edges extended out and angled back:
Image

That'd be REALLY great !

 

[Manic Harmonic]

I would imagine I could make a 3D-ish dock with the 10.8 dock images and a few tweaks to the cDock bundle.

Basically like this but with the edges extended out and angled back:
Image

10.8 dock images? I'm pretty sure only 10.8 dp1 had actual images, after that they were rendered in real time.

Here's my question. What if you just use a full size image of the original dock, would it still stretch it? This could be doable, I remember that in 10.8 you could use a full size image for the mission control background even though the default was was tiled. Same thing with the mavericks login apple logo, you can use any size image you want and it will fill the entire background.

Sorry if I misread, it looked like you hadn't tried that.

 

[w0lf]

10.8 dock images? I'm pretty sure only 10.8 dp1 had actual images, after that they were rendered in real time.

Here's my question. What if you just use a full size image of the original dock, would it still stretch it? This could be doable, I remember that in 10.8 you could use a full size image for the mission control background even though the default was was tiled. Same thing with the mavericks login apple logo, you can use any size image you want and it will fill the entire background.

Sorry if I misread, it looked like you hadn't tried that.

Technically I would assume I can do any image manipulation I want with cDock. It's just a matter of getting a nice looking 3D esque image and writing the code to properly resize and display it which probably wouldn't be too hard but I don't really feel like doing.

 

[PsykX]

Image

Wow, if you can do this, I'll be all over it.

Now, maybe if you could make it so that the black dots below the apps appear centered on the edge (or side) of the shelf formed by the dock, it might look even nicer. Which means you can just make the edge a little bit thicker.

 

[3282868]

I would imagine I could make a 3D-ish dock with the 10.8 dock images and a few tweaks to the cDock bundle.

Basically like this but with the edges extended out and angled back:
Image

Very nice! I planned on playing around with the images in PS CC, using free transform and comparing it to pre 10.10 docks. I'm sure there's a way

btw I have many images from pre 10.8.2 days, jet black, glass, glossy black, grass, wood. You can still grab them online as well.

 

[Manic Harmonic]

Perhaps someone could get in touch with the developer of "Classic Dock" for iOS 7 and find out what was done for that, maybe the method for a 3D dock in Yosemite could be similar.

 

[w0lf]

Doesn't scale properly at the moment but you get the idea: