更改按钮的颜色（如果已选中或将其悬停）

Question

Since I usually have a lot windows open in several desktops I built this script to help me switch to a certain app faster: Code Here

For increased convenience I added a keyboard shortcut to execute the script.

While I don't think it's that bad for a newbie, in my desktop theme the button selection is very subtle: This is how it looks to me

I'd like to have a lot more emphasis on the selected button by changing it's color. That would certainly help me switch between apps even faster. Thanks in advance for your help!

Answer 1

You can customize it by using CSS .

You could experiment in various ways. For example, I usually modify $HOME/.config/gtk-3.0/gtk.css and use gtk3-demo as sample application:

button:hover {
  background: #FF0;
}
button:active {
  color: #FFF;
  background: #F00;
}

Once you have it, you should restrict the styling to your own buttons by eg applying a custom class and using it in your CSS selectors:

button.mycustomclass:hover {
  ...
}