Xfce Forum

Sub domains
 

You are not logged in.

#1 2019-11-05 22:16:50

File Manager
Member
Registered: 2019-11-01
Posts: 62

Thunar background colors

Hi,

I'm sure this info can be found somewhere on this forum, but the threads I viewed didn't give me the exact info I wanted. I just want to port my Thunar background colors from Thunar GTK2 to Thunar GTK3.

This is what my gtkrc in TraditionalOk (a MATE theme) looks like:

# My own Thunar background color
style "my-thunar-colours"
{
   base[NORMAL]        = "#F2EEE4"
}
widget_class "*ThunarShortcutsView*"		style "my-thunar-colours"
widget_class "*ThunarTreeView*"			style "my-thunar-colours"
widget_class "*ThunarIconView*"			style "my-thunar-colours"

So how would I achieve the same result in Thunar GTK3 with gtk.css file?

Offline

#2 2019-11-06 00:32:41

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

Hello and welcome.

Looks like you're trying to affect the thunar window background. Try this in ~/.config/gtk-3.0/gtk.css:

.thunar .view { background-color: #F2EEE4; }

Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#3 2019-11-06 00:49:35

Jerry3904
Member
Registered: 2013-11-09
Posts: 863

Re: Thunar background colors

As long as this topic is up, what would one put to only change

1) the main field
2) the pane


MX-23 (based on Debian Stable) with our flagship Xfce 4.18.

Offline

#4 2019-11-06 01:03:55

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

Is this what you mean?

.thunar .sidebar { background-color: red; }
.thunar .standard-view .view { background-color: blue; }

Screenshot-2019-11-05-20-02-22.png


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#5 2019-11-06 02:12:37

File Manager
Member
Registered: 2019-11-01
Posts: 62

Re: Thunar background colors

Thanks!
I'll try tomorrow.

Offline

#6 2019-11-06 10:58:34

Jerry3904
Member
Registered: 2013-11-09
Posts: 863

Re: Thunar background colors

@ToZ: a bit harsh at 6am, but yes. Thanks.


MX-23 (based on Debian Stable) with our flagship Xfce 4.18.

Offline

#7 2019-11-09 07:52:06

sushi
Member
Registered: 2019-04-22
Posts: 81

Re: Thunar background colors

Hi,

Sorry but it doesn't work on my system...

Offline

#8 2019-11-09 12:12:38

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

sushi wrote:

Hi,

Sorry but it doesn't work on my system...

Are you running a Gtk3-version of thunar:

thunar -V

Did you stop the thunar daemon (and or log out and back in again to test)?

Can you post back the contents of your ~/.config/gtk-3.0/gtk.css file?


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#9 2019-11-09 13:51:01

sushi
Member
Registered: 2019-04-22
Posts: 81

Re: Thunar background colors

Yes I do on Archlinux up to date :

thunar -V
Thunar 1.8.9 (Xfce 4.14)

~/.config/gtk-3.0/gtk.css :

* {
-XfcePanelWindow-popup-delay: 700;
-XfcePanelWindow-popdown-delay: 100;
-XfcePanelWindow-autohide-size: 0;
}

XfdesktopIconView.view {
	-XfdesktopIconView-label-alpha:0;
	-XfdesktopIconView-selected-label-alpha:0;
	-XfdesktopIconView-ellipsize-icon-labels:0;
	-XfdesktopIconView-tooltip-size:128;
	-XfdesktopIconView-cell-spacing:-5;
	-XfdesktopIconView-cell-padding:25;
	-XfdesktopIconView-cell-text-width-proportion:3.3;
}

XfdesktopIconView.view {
  border-radius: 2px;
  background: transparent;
  color: #444755;
  text-shadow: none;
}

XfdesktopIconView.label:active, XfdesktopIconView.label:checked {
  background-color: transparent;
  color: #8BAEE8;
  text-shadow: none;
}

.thunar .sidebar { background-color: #5d6571; }
.thunar .standard-view .view { background-color: blue; }

Thank you.

Offline

#10 2019-11-09 13:57:52

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

Hmm. That gtk.css file works on my arch box.

Try killing the thunar daemon:

thunar -q

...then starting thunar up again:

thunar

Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#11 2019-11-09 15:13:25

sushi
Member
Registered: 2019-04-22
Posts: 81

Re: Thunar background colors

Suddenly it's working now without killing thunar... Strange because even after some reboot it didn't !

Thanks ToZ !

Edit : But I needed to change :

.thunar .sidebar .view { background-color: grey; }

Instead of :

.thunar .sidebar { background-color: grey; }

Last edited by sushi (2019-11-09 15:23:44)

Offline

#12 2019-11-09 22:16:51

ctac
Member
Registered: 2017-05-08
Posts: 57

Re: Thunar background colors

Hi
I don't get the same as yours, not red part.

.thunar .sidebar { background-color: red; }
.thunar .standard-view .view { background-color: blue; }

Capture-d-cran-2019-11-09-22-49-38.png

Something is missing ?

Offline

#13 2019-11-09 22:39:58

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

As @sushi found, try:

.thunar .sidebar .view { background-color: red; }
.thunar .standard-view .view { background-color: blue; }

I must have mistyped something.


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#14 2019-11-10 00:15:23

ctac
Member
Registered: 2017-05-08
Posts: 57

Re: Thunar background colors

I try that but no more red color in debian and OpenBSD.
I try tho remove local LC_ALL=fr_FR.UTF-8 too with no avail.

Last edited by ctac (2019-11-10 00:18:03)

Offline

#15 2019-11-10 00:37:12

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

ctac wrote:

I try that but no more red color in debian and OpenBSD.
I try tho remove local LC_ALL=fr_FR.UTF-8 too with no avail.

Which debian version?

Which version of Thunar?

Which appearance theme are you using?


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#16 2019-11-10 11:37:47

ctac
Member
Registered: 2017-05-08
Posts: 57

Re: Thunar background colors

Hum! sorry, it's ok.
I try with -view with no avail.

Offline

#17 2019-11-10 18:52:42

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

Which debian version?

Which version of Thunar?

Which appearance theme are you using?

Can you post your ~/.config/gtk-3.0/gtk.css file?


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#18 2020-07-28 08:19:18

mandrivaONE07
Member
From: Costa Rica
Registered: 2020-07-28
Posts: 15
Website

Re: Thunar background colors

ToZ wrote:

Looks like you're trying to affect the thunar window background. Try this in ~/.config/gtk-3.0/gtk.css:

.thunar .standard-view .view { background-color: #8A7F8D; }

... ASOMBROSO, por fin lo he conseguido; es una de las cosas que siempre he personalizado en la caja/mate. Ya hice el otro ajuste para buscar archivos con "catfish" en acciones personalizas. Ahora todo irá perfecto GRACIAS!

Last edited by mandrivaONE07 (2020-07-28 08:30:23)


Mozilla/5.0 (X11;Debian 6.0.9 "squeeze" Linux, 2.6.32-5-686->AuthenticAMD, GNOME 2.30.2) Gecko/20100101 Firefox/49.0 SeaMonkey/2.46

Offline

#19 2020-09-10 20:59:28

crimson
Member
Registered: 2016-01-23
Posts: 7

Re: Thunar background colors

@ToZ, I know this is an old topic, but can you also tell how to change the colors of the navigation bar, address bar and status bar in Thunar?

Thanks
Regards

Offline

#20 2020-09-10 22:29:20

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

crimson wrote:

@ToZ, I know this is an old topic, but can you also tell how to change the colors of the navigation bar, address bar and status bar in Thunar?

Thanks
Regards

/* sidebar */
.thunar .sidebar .view { background-color: red; }
/* main view */
.thunar .standard-view .view { background-color: blue; }
/* status bar */
.thunar grid paned grid  { background-color: yellow;}
/* toolbar */
.thunar toolbar, .thunar toolbar entry  { background-color: green; }

Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#21 2020-09-11 06:24:28

crimson
Member
Registered: 2016-01-23
Posts: 7

Re: Thunar background colors

@ToZ, thanks, works like a charm. Last question: between the sidebar, main view, toolbar and status bar is a white grid/border line. Do you know how to change its color?

Regards

Offline

#22 2020-09-11 10:51:41

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

.thunar scrolledwindow { border-width: 0 }

This should get everything but the resize separator between the sidebar and the main view. I can't seem to find a way to affect it.


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

#23 2020-09-11 12:42:46

crimson
Member
Registered: 2016-01-23
Posts: 7

Re: Thunar background colors

@ToZ, perfect, thank you. Now everything looks neat smile

Last edited by crimson (2020-09-11 12:42:59)

Offline

#24 2024-07-01 21:49:10

advice1010
Member
Registered: 2023-02-19
Posts: 105

Re: Thunar background colors

Sorry to revive this old post as well but I noticed something that I do not think was mentioned.
-Thunar 4.18.7
-Using Details View
-Also, shouldn't matter but using a dark theme.

When I tried the css items mentioned to change Thunar file pane background color and side bar background color from dark grays to black, I noticed some other items then have no color.
-file pane highlight selector
-"rubberband" selection background no color (I think was only an outline)
-rubberband selection of folders/files no selection color

Only thing I could see in file pane was an outline (horizontal lines) selector when you use up / down arrows
Fonts appear fine white text

Does anyone else experience this?
Does anyone know how to fix this.

I have seen other posts mention colors for other css items such as
.thunar .view:selected
.thunar .view .rubberband {background: rgba(0,0,0,0.1)}
but this doesn't make sense because the background color shouldn't be behind everything else, so I don't think that it is "on top" so shouldn't have any affect on those items colors

Thank you any help provided

Offline

#25 2024-07-02 17:29:34

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 11,512

Re: Thunar background colors

Assuming you are using this snippet from above:

/* sidebar */
.thunar .sidebar .view { background-color: red; }
/* main view */
.thunar .standard-view .view { background-color: blue; }
/* status bar */
.thunar grid paned grid  { background-color: yellow;}
/* toolbar */
.thunar toolbar, .thunar toolbar entry  { background-color: green; }

-file pane highlight selector

Use the ":selected" pseudo type:

.thunar .standard-view .view:selected {background-color: yellow}

-"rubberband" selection background no color (I think was only an outline)
-rubberband selection of folders/files no selection color

It should use the :selected" color from above


Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Offline

Registered users online in this topic: 0, guests: 1
[Bot] CCBot

Board footer

Powered by FluxBB
Modified by Visman

[ Generated in 0.017 seconds, 8 queries executed - Memory usage: 645.68 KiB (Peak: 678.52 KiB) ]