Thunar background colors

File Manager · 2019-11-05 22:16:50

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?

ToZ · 2019-11-06 00:32:41

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

Jerry3904 · 2019-11-06 00:49:35

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

1) the main field
2) the pane

ToZ · 2019-11-06 01:03:55

Is this what you mean?

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

File Manager · 2019-11-06 02:12:37

Thanks!
I'll try tomorrow.

Jerry3904 · 2019-11-06 10:58:34

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

sushi · 2019-11-09 07:52:06

Hi,

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

ToZ · 2019-11-09 12:12:38

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?

sushi · 2019-11-09 13:51:01

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.

ToZ · 2019-11-09 13:57:52

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

Try killing the thunar daemon:

thunar -q

...then starting thunar up again:

thunar

sushi · 2019-11-09 15:13:25

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)

ctac · 2019-11-09 22:16:51

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

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

Something is missing ?

ToZ · 2019-11-09 22:39:58

As @sushi found, try:

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

I must have mistyped something.

ctac · 2019-11-10 00:15:23

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)

ToZ · 2019-11-10 00:37:12

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?

ctac · 2019-11-10 11:37:47

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

ToZ · 2019-11-10 18:52:42

Which debian version?

Which version of Thunar?

Which appearance theme are you using?

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

mandrivaONE07 · 2020-07-28 08:19:18

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)

crimson · 2020-09-10 20:59:28

@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

ToZ · 2020-09-10 22:29:20

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

crimson · 2020-09-11 06:24:28

@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

ToZ · 2020-09-11 10:51:41

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

crimson · 2020-09-11 12:42:46

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

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

advice1010 · 2024-07-01 21:49:10

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

ToZ · 2024-07-02 17:29:34

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

Xfce Forum

Sub domains

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

Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

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

Re: Thunar background colors

Board footer