[SOLVED] How to make highlighted button very obviously highlighted?

begtognen · 2021-10-03 15:01:27

OS: Linux Mint XFCE 20.2

In this screenshot the "Open" button is highlighted, but the small difference between Cancel and Open is difficult to discern. Is there a way to make the difference obvious? Ideally Open would be, you know, bright orange or something.

I've tried lots of different themes in an effort to find a solution, but haven't had any luck and apparently Oomox doesn't work with Linux Mint anymore.

Suggestions welcome - I'm willing to fiddle around within theme files if necessary.

Thanks for your help.

Last edited by begtognen (2021-10-04 16:48:31)

ToZ · 2021-10-03 18:36:22

Hello and welcome.

From which application is that image from?

Assuming a GTK3 application (maybe the filechooser dialog?) and one of the Mint themes, try something like this in ~/.config/gtk-3.0/gtk.css:

button.default { background-image: none; background-color: @theme_selected_bg_color; }

...you can change "@theme_selected_bg_color" (which uses the current theme's default background color) to any color code you want. So for example, for bright orange:

button.default { background-image: none; background-color: #FD5108; }

begtognen · 2021-10-03 21:34:42

Thank you for your help.

In the ~/.config/gtk-3.0/ directory there's only one file: "bookmarks".

Should I create the gtk.css file?

I did check the gtk.css file for the theme I'm using (NumixBlue) but didn't have any luck there.

ToZ · 2021-10-03 22:14:05

Yes, create the file if it doesn't exist. Log out and back in again to see the effect.

begtognen · 2021-10-04 14:12:22

I created the file and rebooted. The file exists but is blank.

ToZ · 2021-10-04 14:20:25

You need to add to the file one of the above statements:

If you want the button to have the default background colour, then copy and paste this into the file:

button.default { background-image: none; background-color: @theme_selected_bg_color; }

If you want the button to have an "orangey" background, copy and paste this into the file:

button.default { background-image: none; background-color: #FD5108; }

Then save the file, and log out and back in again.

begtognen · 2021-10-04 16:48:13

Oh gosh, that worked like a charm! Thank you - I've been trying to find a solution to that problem for AGES.

alcornoqui · 2021-10-05 16:23:47

I like it too! Added to my gtk.css, thanks.

Unfortunately, it doesn't seem to have an effect on the logout confirmation screen, using xfce4-session 4.14.2 (Xfce 4.14). Any ideas? That is one of the windows where that confusion is more bothersome...

ToZ · 2021-10-05 16:39:45

alcornoqui wrote:

Unfortunately, it doesn't seem to have an effect on the logout confirmation screen, using xfce4-session 4.14.2 (Xfce 4.14). Any ideas? That is one of the windows where that confusion is more bothersome...

Can you give this a try to see if it works:

.xfsm-logout-dialog button:focused { background-image: none; background-color: @theme_selected_bg_color; }

You'll need to log out and back in again.

alcornoqui · 2021-10-05 19:03:49

Yes!

Much better with this contrast, I can't wait to show it to my father!

Thanks a lot.

Xfce Forum

Sub domains

#1 2021-10-03 15:01:27

[SOLVED] How to make highlighted button very obviously highlighted?

#2 2021-10-03 18:36:22

Re: [SOLVED] How to make highlighted button very obviously highlighted?

#3 2021-10-03 21:34:42

Re: [SOLVED] How to make highlighted button very obviously highlighted?

#4 2021-10-03 22:14:05

Re: [SOLVED] How to make highlighted button very obviously highlighted?

#5 2021-10-04 14:12:22

Re: [SOLVED] How to make highlighted button very obviously highlighted?

#6 2021-10-04 14:20:25

Re: [SOLVED] How to make highlighted button very obviously highlighted?

#7 2021-10-04 16:48:13

Re: [SOLVED] How to make highlighted button very obviously highlighted?

#8 2021-10-05 16:23:47

Re: [SOLVED] How to make highlighted button very obviously highlighted?

#9 2021-10-05 16:39:45

Re: [SOLVED] How to make highlighted button very obviously highlighted?

#10 2021-10-05 19:03:49

Re: [SOLVED] How to make highlighted button very obviously highlighted?

Board footer