Xfce Forum

Sub domains
 

You are not logged in.

#1 2022-01-21 09:56:07

dm999
Member
Registered: 2021-12-22
Posts: 15

[Solved] Remove Window Button highlighting in Panel

Is it possible to create an entry in gtk.css to stop the active Window Button from being highlighted on the Panel?

window-buttons.png

I'm using Mint 20.3.

Thanks.

Last edited by dm999 (2022-04-11 20:00:34)

Offline

#2 2022-01-21 10:33:24

KBar
Member
Registered: 2021-11-05
Posts: 377

Re: [Solved] Remove Window Button highlighting in Panel

Yes. For example, Greybird has these rules:

.xfce4-panel.background .tasklist button { border-radius: 3px; text-shadow: 0 1px #3c3c3c; color: shade(#fcfcfc, 0.7); background-image: linear-gradient(to bottom, shade(#686868, 0.65), shade(#686868, 0.6), shade(#686868, 0.5), shade(#686868, 0.45)); border: none; }

.xfce4-panel.background .tasklist button.flat { background-image: none; border: none; box-shadow: none; }

.xfce4-panel.background .tasklist button:active, .xfce4-panel.background .tasklist button:checked { background-image: linear-gradient(to bottom, shade(#398ee7, 0.65), shade(#398ee7, 0.6), shade(#398ee7, 0.5), shade(#398ee7, 0.45)); color: shade(#fcfcfc, 1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.2); }

.xfce4-panel.background .tasklist button:hover, .xfce4-panel.background .tasklist button:active:hover, .xfce4-panel.background .tasklist button:checked:hover { background-image: linear-gradient(to bottom, shade(#398ee7, 0.85), shade(#398ee7, 0.8), shade(#398ee7, 0.7), shade(#398ee7, 0.65)); color: shade(#fcfcfc, 1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.2); }

The third line is the one that affects checked button state. Either copy the first declaration in its place (because just background: none; may lead to undesired results) or comment out that specific rule in theme's gtk.css file.

Last edited by KBar (2022-01-21 10:41:25)


Xubuntu 20.04

Offline

#3 2022-01-21 16:41:33

dm999
Member
Registered: 2021-12-22
Posts: 15

Re: [Solved] Remove Window Button highlighting in Panel

KBar wrote:

Yes. For example, Greybird has these rules:

.xfce4-panel.background .tasklist button { border-radius: 3px; text-shadow: 0 1px #3c3c3c; color: shade(#fcfcfc, 0.7); background-image: linear-gradient(to bottom, shade(#686868, 0.65), shade(#686868, 0.6), shade(#686868, 0.5), shade(#686868, 0.45)); border: none; }

.xfce4-panel.background .tasklist button.flat { background-image: none; border: none; box-shadow: none; }

.xfce4-panel.background .tasklist button:active, .xfce4-panel.background .tasklist button:checked { background-image: linear-gradient(to bottom, shade(#398ee7, 0.65), shade(#398ee7, 0.6), shade(#398ee7, 0.5), shade(#398ee7, 0.45)); color: shade(#fcfcfc, 1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.2); }

.xfce4-panel.background .tasklist button:hover, .xfce4-panel.background .tasklist button:active:hover, .xfce4-panel.background .tasklist button:checked:hover { background-image: linear-gradient(to bottom, shade(#398ee7, 0.85), shade(#398ee7, 0.8), shade(#398ee7, 0.7), shade(#398ee7, 0.65)); color: shade(#fcfcfc, 1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.2); }

The third line is the one that affects checked button state. Either copy the first declaration in its place (because just background: none; may lead to undesired results) or comment out that specific rule in theme's gtk.css file.

Perfect, thanks very much KBar.

Offline

Board footer

Powered by FluxBB