[Xfce4.10] Transparent both icons and panel's background

clonze · 2016-01-19 18:01:32

I use Xfce4.10, however, I still get the issue that transparent both icons and panel's background.
Any ideas?

Note: so sorry that I can't post my pictures, but there are a lot of posts about this. ex:
hxxps://forum.xfce.org/viewtopic.php?id=6169

Last edited by clonze (2016-01-19 18:03:13)

superlinux · 2016-02-15 09:12:57

Hello,
hope i can help you. Open the panel settings, go to appearance, adjust the alpha how your transparency should be,
adjust the "enter" and "leave" to 100. So you should have a transparent panel and non transparent icons.

saski · 2018-06-01 06:31:33

Hello,

I'm on latest Xfce (gentoo). The Alpha option is missing on my Panel settings no matter what style I select. Enter/leave opacity can be adjusted though. Compositing is enabled. Any Help?

ozjd · 2018-06-01 07:12:59

saski wrote:

Hello,
I'm on latest Xfce (gentoo). The Alpha option is missing on my Panel settings no matter what style I select. Enter/leave opacity can be adjusted though. Compositing is enabled. Any Help?

I understand that Gentoo is using the development version, 4.13, not the stable 4.12 but it still should work. You should check if there are any updates as I think a new version was released recently. But the Alpha option doesn't appear if the Background style is set to 'background image'.

ToZ · 2018-06-01 11:02:31

The alpha option was removed because it wasn't working, I believe. You can get it back with some CSS though. Put the following into ~/.config/gtk-3.0/gtk.css:

.xfce4-panel.background {
  background-color: rgba(0,0,0,0.25);

...the 0.25 is the value of the transparency and can be anything from 0.0 (transparent) to 1.0 (opaque).

For those plugins that are still GTK2 (e.g. mailwatch, places, weather), you'll need to use the old ~/.gtkrc-2.0 override:

style "mypanel" 
{
      engine "pixmap"
        {
                image
                {
                        function                = BOX
                        recolorable             = TRUE
                        state                   = PRELIGHT
                        file                    = "panel-button-hover.png"
                        border                  = { 1, 1, 0, 0 }
                        stretch                 = TRUE
                }
                image
                {
                        function                = BOX
                        recolorable             = TRUE
                        state                   = ACTIVE
                        file                    = "panel-button-hover.png"
                        border                  = { 1, 1, 0, 0 }
                        stretch                 = TRUE
                }
                image
                {
                        function                = BOX
                        recolorable             = TRUE
                        state                   = INSENSITIVE
                        file                    = "panel-button-hover.png"
                        border                  = { 1, 1, 0, 0 }
                        stretch                 = TRUE
                }
                image
                {
                        function                = BOX
                        recolorable             = TRUE
                        state                   = NORMAL
                        file                    = "panel-button-hover.png"
                        border                  = { 1, 1, 0, 0 }
                        stretch                 = TRUE
                }
                image
                {
                        function                = BOX
                        recolorable             = TRUE
                        state                   = SELECTED
                        file                    = "panel-button-hover.png"
                        border                  = { 1, 1, 0, 0 }
                        stretch                 = TRUE
                }
        }
}
widget "*mailwatch*"            style "mypanel"
widget "*places*"       style "mypanel"
widget "*windowmenu*"       style "mypanel"
widget "*weather*"       style "mypanel"

...where "panel-button-hover.png" is a transparent png located in your home directory.

ToZ · 2018-06-01 11:32:34

Actually, just had a look at the code.

You can also set it by changing the Background Style to "Solid Color" and selecting one of the transparent options. You can also select custom and select the colour and transparency level that you desire.

Xfce Forum

Sub domains

#1 2016-01-19 18:01:32

[Xfce4.10] Transparent both icons and panel's background

#2 2016-02-15 09:12:57

Re: [Xfce4.10] Transparent both icons and panel's background

#3 2018-06-01 06:31:33

Re: [Xfce4.10] Transparent both icons and panel's background

#4 2018-06-01 07:12:59

Re: [Xfce4.10] Transparent both icons and panel's background

#5 2018-06-01 11:02:31

Re: [Xfce4.10] Transparent both icons and panel's background

#6 2018-06-01 11:32:34

Re: [Xfce4.10] Transparent both icons and panel's background

Board footer