Xfce Forum

dm999

Member

Registered: 2021-12-22

Posts: 18

[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?

I'm using Mint 20.3.

Thanks.

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

KBar

Moderator

Registered: 2021-11-05

Posts: 689

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!

dm999

Member

Registered: 2021-12-22

Posts: 18

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.

Perfect, thanks very much KBar.