Transparent text #4116
-
|
Hi everyone. I was looking for a way recently to make text on waybar transparent, so that the waybar is of solid color but the text on waybar is of the color of the wallpaper(it should look like this) |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
This may be achieved only with an transparent image or an svg. CSS renders background behind the text, not alongside it. That's why they are the background and foreground. There may be some ways to achieve this in pure CSS, but the in GTK+ CSS that we have here, I don't really see a solution. Newer version of pure Browser CSS have some nifty features, but we are here with GTK3 CSS, which is quite old. So do not expect much, if anything. You may read up stuff here |
Beta Was this translation helpful? Give feedback.
This may be achieved only with an transparent image or an svg.
CSS renders background behind the text, not alongside it. That's why they are the background and foreground.
When you make the text transparent, it will just disappear, leaving the background visible.
There may be some ways to achieve this in pure CSS, but the in GTK+ CSS that we have here, I don't really see a solution.
Newer version of pure Browser CSS have some nifty features, but we are here with GTK3 CSS, which is quite old. So do not expect much, if anything.
You may read up stuff here
https://docs.gtk.org/gtk3/css-properties.html
and here
https://docs.gtk.org/gtk3/css-overview.html
but that's kinda all we have.