Xfce Forum

Sub domains
 

You are not logged in.

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

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

[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
Moderator
Registered: 2021-11-05
Posts: 448

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)


Remember to edit the subject of your topic to include the [SOLVED] tag once you're satisfied with the answers or have found a solution (in which case, don't forget to share it as well), so that other members of the community can quickly refer to it and save their time. Pretty please! tongue

Online

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

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

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