Xfce Forum

Sub domains
 

You are not logged in.

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

begtognen
Member
Registered: 2021-10-03
Posts: 4

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

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.

SDXfLB4.png

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)

Offline

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

ToZ
Moderator
From: Canada
Registered: 2011-06-02
Posts: 8,151

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

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; }

Offline

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

begtognen
Member
Registered: 2021-10-03
Posts: 4

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

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.

Offline

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

ToZ
Moderator
From: Canada
Registered: 2011-06-02
Posts: 8,151

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

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

Offline

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

begtognen
Member
Registered: 2021-10-03
Posts: 4

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

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

Offline

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

ToZ
Moderator
From: Canada
Registered: 2011-06-02
Posts: 8,151

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

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.

Offline

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

begtognen
Member
Registered: 2021-10-03
Posts: 4

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

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

Offline

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

alcornoqui
Member
Registered: 2014-07-28
Posts: 816

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

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...

Offline

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

ToZ
Moderator
From: Canada
Registered: 2011-06-02
Posts: 8,151

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

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.

Offline

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

alcornoqui
Member
Registered: 2014-07-28
Posts: 816

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

Yes!

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

Thanks a lot.

Offline

Board footer

Powered by FluxBB