Xfce Forum

Sub domains
 

You are not logged in.

#1 2022-01-05 16:07:34

yytuanko
Member
Registered: 2020-07-22
Posts: 5

How to customize xfce whisker menu.

Is there a css file that changes the color and placement of the whisker menu?
I'm not very good at English so I'm using a translation. I'm sorry.

Offline

#2 2022-01-05 16:21:13

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

Re: How to customize xfce whisker menu.

User-defined custom CSS rules are usually written to and stored in $HOME/.config/gtk-3.0/gtk.css. If it doesn't exist yet, simply create it. Here's an excerpt from mine:

#whiskermenu-button {
  background: @launcher_bg url("assets/whisker_icon_back.png") center;
  margin-top: -2px;
  padding-bottom: 0px;
}

#whiskermenu-button:hover {
  background: @launcher_bg url("assets/launcher_arrow_rtl_19.svg") right no-repeat, url("assets/whisker_icon_back.png") center;
  margin-top: -2px;
  padding-bottom: 0px;
}

#whiskermenu-button:checked {
  background: @launcher_bg url("assets/launcher_arrow_ltr_19.svg") left no-repeat, url("assets/launcher_arrow_rtl_19.svg") right no-repeat, url("assets/whisker_icon_selected_back.png") center;
  margin-top: -2px;
  padding-bottom: 0px;
}

The code above produces the following:
O3cxuDHl.png     2zd0N3Yl.png     Nsu70Uzl.png

I had to edit and apply some effects to the original logo in GIMP to make it look like this. You can select any image as its icon by right-clicking on it and going PropertiesPanel ButtonIcon.

Some resources you may find helpful:

Overview of CSS in GTK3: https://docs.gtk.org/gtk3/css-overview.html
CSS Backgrounds and Borders Module Level 3: https://www.w3.org/TR/2021/CRD-css-back … -20210726/
xfce4-panel - Panelbar Theming: https://docs.xfce.org/xfce/xfce4-panel/theming
Great tutorial by ToZ: https://forum.xfce.org/viewtopic.php?pid=54292#p54292

Last edited by KBar (2022-01-05 16:54:16)


Xubuntu 20.04

Offline

#3 2022-01-07 04:18:24

yytuanko
Member
Registered: 2020-07-22
Posts: 5

Re: How to customize xfce whisker menu.

Thank you for your politeness

Offline

Board footer

Powered by FluxBB