<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<p><br>
</p>
<div class="moz-forward-container">... this time with attachments
added <br>
<br>
-------- Weitergeleitete Nachricht --------
<table class="moz-email-headers-table" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<th valign="BASELINE" nowrap="nowrap" align="RIGHT">Betreff:
</th>
<td>Re: [Thunar] Strange "double background" on file/folder
names with gtk css</td>
</tr>
<tr>
<th valign="BASELINE" nowrap="nowrap" align="RIGHT">Datum: </th>
<td>Thu, 29 Aug 2024 10:15:24 +0200</td>
</tr>
<tr>
<th valign="BASELINE" nowrap="nowrap" align="RIGHT">Von: </th>
<td>Alexander Schwinn <a class="moz-txt-link-rfc2396E" href="mailto:acs82@gmx.de"><acs82@gmx.de></a></td>
</tr>
<tr>
<th valign="BASELINE" nowrap="nowrap" align="RIGHT">An: </th>
<td><a class="moz-txt-link-abbreviated" href="mailto:xfce@xfce.org">xfce@xfce.org</a></td>
</tr>
</tbody>
</table>
<br>
<br>
That seems to be a Thunar 4.18 issue, related to file highlight.<br>
<br>
Using thunar 4.19x. or master, the boxes are gone. (See
screenshots 4.18 vs master attached)<br>
<br>
Another option to get rid of the boxes in 4.18.x is, to just
disable file-highlight.<br>
<br>
Cheers, Alex<br>
<br>
Am 29.08.24 um 05:27 schrieb Matthew Brooks:<br>
<blockquote type="cite">I've been customizing the gtk css for
thunar, and I've managed to make it mostly transparent (yay!),
but for some reason there's apparently two different backgrounds
behind the file/folder names, and I can't seem to get rid of the
second, hard-edged, one while still keeping the one with rounded
corners.<br>
<br>
I've confirmed the issue occurs on a fresh Ubuntu 24.04 live
disk, as well as a Xubuntu 24.04 one, so it's not a wayland or X
thing, and shouldn't be related to my particular system. I'm
running thunar version 4.18.11 at the moment, with gtk version
4.12.5-r2. I didn't think to check which version the liveCD's
were running though.<br>
<br>
I've attached a screenshot to show the issue. As you can see,
there's both a background with nice rounded corners that I've
specified through the gtk css file, but there's also a strange
secondary one that's totally rectangular.<br>
<br>
The whole file/folder pane is the "widget" entry in the
gtk-debug's "CSS nodes" list (I used "GTK_DEBUG=interactive
thunar" to get the debugger to show up), and you'll notice
there's no child nodes, and yet adding a second, child, "widget"
entry in the .css file does effect the text of the file/folder
icons.<br>
<br>
I'm not sure what the issue is, but my vague guess is that maybe
there's a hard-coded background (the rectangular background is
just *barely* visible behind the text with the default
"Adwaita-dark" theme and no custom css) that's showing up to
keep the text visible regardless of the theme, but the .css
files can also add another background maybe? I'm not at all
familiar with gtk or css though, so that's mostly a shot in the
dark.<br>
<br>
Setting that child "widget" entry that effects the file/folder
names to have "background: transparent;" *does* get rid of the
rectangular background entirely, but also the rounded one. So
both of them *are* a background of some sort, and *can* be
changed by the gtk css, but I'm not able to work out how to
change them separately from each other so I can get rid of the
rectangular one. I've tried setting everything below the second
"widget" entry (via "... widget widget *") to be transparent,
but that has no effect. Nor does trying to set the background of
"text"/"label"/"icon" children of the fisrt or second "widget"
do anything either.<br>
<br>
It's possible this is an issue with gtk itself, but since the
extra "widget" entry isn't actually listed in the gtk-debug css
nodes list, I figured it would be best to ask about it here
first, since it seems like maybe thunar is doing something
custom or semi-custom with that element that might be breaking
the gtk css stuff.<br>
<br>
<br>
Semi-relatedly, the folder/shortcut view on the left pane
doesn't seem to have any ability to give the text a background
(which would be nice so that the rest of that pane could be
fully transparent), but that's a comparatively small issue.<br>
<br>
<br>
As for my .css files, in "~/.config/gtk-3.0/gtk.css" it's just:<br>
<br>
@import 'thunar.css';<br>
<br>
<br>
And the "thunar.css" file in the same directory is this (notice
in the first one, the second "widget" entry, specifying a child
of the file/folder view that's also a "widget"):<br>
<br>
/* Main file view */<br>
.thunar grid paned paned grid paned notebook scrolledwindow
widget widget {<br>
background-color: rgba(0, 0, 0, 0.4);<br>
border-radius: 5px;<br>
}<br>
<br>
.thunar grid paned paned grid paned notebook scrolledwindow
widget {<br>
background: transparent;<br>
}<br>
<br>
.thunar {<br>
background: transparent;<br>
}<br>
<br>
<br>
/* Tree view (left-pane) */<br>
.thunar grid paned box scrolledwindow treeview widget{<br>
background-color: rgba(1, 1, 1, 0.5);<br>
}<br>
<br>
.thunar grid paned box scrolledwindow treeview {<br>
background: transparent;<br>
}<br>
<br>
.thunar grid paned box scrolledwindow {<br>
background: transparent;<br>
}<br>
<br>
<br>
/* Statusbar */<br>
.thunar grid paned paned grid widget statusbar frame box label {<br>
background-color: rgba(1, 1, 1, 0.4);<br>
border-radius: 5px;<br>
}<br>
<br>
/* Location bar */<br>
.thunar grid toolbar {<br>
background-color: rgba(1, 1, 1, 0.2)<br>
}<br>
<br>
/* Search bar */<br>
.thunar grid toolbar toolitem widget box entry {<br>
background-color: rgba(1, 1, 1, 0.2)<br>
}<br>
<br>
/* Search pane */<br>
.thunar grid paned paned grid paned notebook stack
scrolledwindow treeview {<br>
background-color: rgba(1, 1, 1, 0.4)<br>
}<br>
<br>
.thunar grid paned paned grid paned notebook stack
scrolledwindow treeview header button {<br>
background-color: rgba(1, 1, 1, 0.4)<br>
}<br>
<br>
<br>
/* Multiple tabs view: */<br>
.thunar grid paned paned grid paned notebook header {<br>
background: rgba(1, 1, 1, 0.2);<br>
}<br>
<br>
.thunar grid paned paned grid paned notebook tab {<br>
background: rgba(1, 1, 1, 0.2);<br>
}<br>
<br>
.thunar grid paned paned grid paned notebook stack {<br>
background: transparent;<br>
}<br>
<br>
_______________________________________________<br>
Xfce mailing list<br>
<a class="moz-txt-link-abbreviated" href="mailto:Xfce@xfce.org">Xfce@xfce.org</a><br>
<a class="moz-txt-link-freetext" href="https://mail.xfce.org/mailman/listinfo/xfce">https://mail.xfce.org/mailman/listinfo/xfce</a><br>
<a class="moz-txt-link-freetext" href="http://www.xfce.org">http://www.xfce.org</a><br>
</blockquote>
<br>
<br>
</div>
</body>
</html>