Custom Dock

Hi!

I am new to Zorin OS 17.2 Gnome and the customization options and I did the tutorial “How to set a third-party desktop theme”.
That all worked, but the dock etc. looks different for me as it is on the screenshots of the Orchis gtk theme.

I mean these two Docks:

Dock

Panel_above

How can I get them?

Thank you for your help!

Welcome to the Forum!

It would be nice if You could make a Screenshot from how it is on Your System so we can compare.

Well, cosmic has those upper bar and dock. I am not sure if gnome has a extension for that.

The Dock is on the bottom. The Pictures are only reversed. So, the bottom one is the Gnome Top Bar and the upper one is the Dock.

That require a lot of extensions and fiddle with them to get it that way. The easist part is to switch DE if you want that look or similiar. Cosmic DE or KDE offers simple ways to do it.

But if you set the panel to intelligent hide in Zorin Appearance you have the floating panel.

In Cosmic DE (which I use). You simple go "Settings --> Panel or Dock. then it's point'n'click from there.

2 Likes

Could be the Dock at the Bottom be Plank? Or a shrinked Version of Dash To Panel? It doesn't look like Dash To Dock for me.

It could be, though there will be no Wayland port of it.

1 Like

It’s possible with cosmic.

Yes, I only ask for reproducing it. Then we could suggest to switch to Xorg. Then turn off the zorin Taskbar to get the Top Bar and use Plank as Dock. but I don't know if Plank is so customizable to get the rounded Corners.

But we could play a bit with the Zorin Stuff. You can in the Settings of the Zorin Taskbar on the ''Action'' Tab turn on the Gnome Top Bar. Then turn on the the Floating Panel like You suggested. Shrink the width and make the Zorin Start Menu, the Date and the Indicators in the Zorin Tasbar Settings invisible.

For the rounded Corners, there would be neccessary a change in the stylesheet.css in the zorin Taskbar Extensions Folder. I made that too for have rounded Corners on every Corner. The Transparency and Color should come from the Theme.

@Fred89: You could try it with these Steps (without the change of the stylesheet.css first) and look if it suits You.

1 Like

Yes, but we are here on Gnome. And Cosmic isn't ready yes. And this Theme doesn't work for Cosmic - at least now. So, I try to find something for here.

Plank can look like this, but it require some coding skills to do so. The best option is to use an existing theme and then altering it.

Hi!

Thank you so much for your hints :smile:

As you suggested, I played around and I found the Taskbar-Settings.
Now it looks like that:

As-Is

This would be okay for me for the first time but I have three questions:

  1. The Taskbar is now “floating” and rounded. I really like the “rounded” thing, so is it possible that I “move” the taskbar further down so that I don’t have the floating thing but still the rounded thing but only the above side?
    Here a photo what I mean:

  1. Can I change the color of the taskbar?

  2. I would like to have a frame around the taskbar. Similar to how it is on Ubuntu.

Frame

Thank you again in advance!

  1. I can answer that one. It's a theme thing. You gotta go to gnome-look.org and download a theme that does that.
1 Like

Not currently. Unfortunately the rounded borders is something that only happens when you select the auto hide setting (or something similar). This has been proposed as a feature request and hopefully it will be integrated to make this much easier to achieve. I personally like the rounded look and gaps all around, but without it having to automatically hide when there's a focused window floating in front of it.

As far as I know, it will change based on the light/dark theme selected in Zorin Appearance. Each accent color might add a subtle hue to the taskbar but it won't change the color fully.

2 Likes

The Zorin Taskbar doesn't offer that. But When You use a theme, the color will change to to that, what is in the Theme programmed. If You want manually change the Color, You would have to use the Gnome Extension Dash to Panel - GNOME Shell Extensions. but there you don't have this floating Mode like on the Zorin Taskbar.

Unfortunately not normal. You could add a Border Radius in the stylesheet.css File from the Extension for rounded Corners.

As an Addition to my Comment:

When You would modify the stylesheet.css File from the Zorin Taskbar, I could offer this:

The Border-Radius is adjustable and depends what a Value You choose. Here You see 5px. But it is for all 4 Corners, not only the upper one's.

1 Like

Thank you again for your hints!

@Ponce-De-Leon That looks pretty good. How can I find and edit the stylesheet.css?

You will find it in:

/usr/share/gnome-shell/extensions/zorin-taskbar@zorinos.com

To navigate there through the file manager you can press Ctrl+L and enter that in the address bar. Note that you will need to edit this file with elevated permissions:

Though I'm not sure which properties need to be updated. I just tried a few combinations but the right side didn't seem to care to move at all!

2 Likes

Open the Terminal and type:

sudo nano /usr/share/gnome-shell/extensions/zorin-taskbar@zorinos.com/stylesheet.css

Then in the opening Window add the folowing at the End of the blue Entry Text:

#panel {
	border-radius: 5px;
}

It should look like this:

Really important: Don't forget the Brackets!

After this press ctrl+o to save the Change, Enter to confirm and then ctrl+x to close. Back in the normal Terminal, You can close it. Then You have to Choice: Use the Extension Manager (You can find it in Gnome Software) and turn the zorin Taskbar off and then on or reboot. One of them is neccessary to make the Change work.

1 Like

Thank you @Ponce-De-Leon, that worked :+1:

Just two another questions:

  1. Is it possible to define the color of the border?

  2. In the stylesheet.css I found often some RGB-Color-Things, like here.
    Is it possible to define here the color of the whole panel?