search

nana-4 / materia-theme

A Material Design theme for GNOME/GTK based desktop environments
GNU General Public License v2.0
3.42k stars 254 forks source link

How to make desktop icons name backgorund transparent #545

Open cockadoolie opened 3 years ago

cockadoolie commented 3 years ago

Hi,

Happy new year!

I'm on Debian Stable XFCE using Materia Dark Compact theme from official repo . I would like to request some guidance on how to set transparent background for the desktop icons name - currently is a black rectangle with rounded corners:

image

Appreciate any help.

unavaliabl3 commented 3 years ago

Could you please try to add following css code to your ~/.config/gtk-3.0/gtk.css

style "xfdesktop-icon-view" {
  ## opacity of text background (0 - 255, 0 = transparent)
  XfdesktopIconView::label-alpha = 0
  XfdesktopIconView::selected-label-alpha = 100

  ## text background colors
  base[NORMAL]    = "#edeceb"
  base[ACTIVE]    = shade (0.8, "#86abd9")
  base[SELECTED]  = "#86abd9"

  ## text foreground colors
  fg[NORMAL]      = shade (0.9, "#ffffff")
  fg[ACTIVE]      = shade (0.8, "#ffffff")
  fg[SELECTED]    = "#ffffff"

}
widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"

kill xfdesktop or log out and back in.

source

cockadoolie commented 3 years ago

Could you please try to add following css code to your ~/.config/gtk-3.0/gtk.css

style "xfdesktop-icon-view" {
  ## opacity of text background (0 - 255, 0 = transparent)
  XfdesktopIconView::label-alpha = 0
  XfdesktopIconView::selected-label-alpha = 100

  ## text background colors
  base[NORMAL]    = "#edeceb"
  base[ACTIVE]    = shade (0.8, "#86abd9")
  base[SELECTED]  = "#86abd9"

  ## text foreground colors
  fg[NORMAL]      = shade (0.9, "#ffffff")
  fg[ACTIVE]      = shade (0.8, "#ffffff")
  fg[SELECTED]    = "#ffffff"

}
widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"

kill xfdesktop or log out and back in.

source

Thank you very much! That is the exact solution for my query.

Cheers,