Xfce Forum

Sub domains
 

You are not logged in.

#1 2021-10-03 23:53:33

Mellowbob
Member
Registered: 2011-10-16
Posts: 250

Panel Gradient

How would I create a gradient background for my panel in 4.16.2? I see some old posts, but I'm not sure where even to install the suggested ones in this version ... gtk2, 3 or 4?

Might be easiest just to create a png and use that ...

Offline

#2 2021-10-04 01:52:27

ToZ
Moderator
From: Canada
Registered: 2011-06-02
Posts: 8,151

Re: Panel Gradient

Or, you can theme it via css. Something like this in ~/.config/gtk-3.0/gtk.css:

.xfce4-panel, .xfce4-panel * { background-image: linear-gradient(to bottom, shade(#ff0000, 0.85), shade(#0000ff, 0.85)); border: transparent; }

Offline

#3 2021-10-04 02:35:19

Mellowbob
Member
Registered: 2011-10-16
Posts: 250

Re: Panel Gradient

Perfect!

Question 1: I thought xfce4 was now using gtk4, but it appears that it  gtk3. Good to know.

Question 2: Can I do the same on window title bars? I just tried naming the titlebar

.xfce4-titlebar, .title * {...

But that doesn't seem to work.

Offline

#4 2021-10-04 02:54:39

ToZ
Moderator
From: Canada
Registered: 2011-06-02
Posts: 8,151

Re: Panel Gradient

Mellowbob wrote:

Question 1: I thought xfce4 was now using gtk4, but it appears that it  gtk3. Good to know.

Yes, still based on GTK3.

Question 2: Can I do the same on window title bars?

Yes and no. For CSD windows, you can use the ".titlebar" designator:

.titlebar { background-image: linear-gradient(to bottom, shade(#ff0000, 0.85), shade(#0000ff, 0.85)); border: transparent; }

For SSD windows (the old style titlebars), you need to theme the xfwm4 theme.

Offline

#5 2021-10-04 03:34:39

Mellowbob
Member
Registered: 2011-10-16
Posts: 250

Re: Panel Gradient

Thanks. I'll have to play with this later this week.

Offline

Board footer

Powered by FluxBB