WingPanel doesnt support background-image css style

[Viko Adi Rahmawan]

Please support background-image in panel.css so we can use -gtk-gradient or image file as panel background, and finally aping macosx panel =D

[Victor Martinez (victored)]

If you want to know how to theme Wingpanel, please have a look here: http://bazaar.launchpad.net/~elementary-design/egtk/egtk-2a/view/head:/gtk-3.0/apps.css

eGTK does not use background-image, but it's supported already.

[Danielle Foré (danrabbit)]

Victor, I think this bug is exactly valid. Try the following and see if it works:

    background-image: -gtk-gradient (linear,
                     left top, left bottom,
                     from (green),
                     to (red));

For me, it does not. Only red is shown.

[Viko Adi Rahmawan (vikoadi)]

actually i can use gradient on wingpanel using
/*panel.css*/
.composited-indicator,
.wingpanel-app-button,
.wingpanel-indicator-button {
    color: #fff;
    font-weight : bold;
    background-image: -gtk-gradient (linear,
                 left top, left bottom,
                 from (alpha (#505050, 1.0)),
                 color-stop(0.90, #212121),
                 to (alpha (#262626, 1.0)));
}
but no alpha on indicator yet.

[Sam Carrey (samwillc)]

This is still valid, I have tried numerous combinations such as:

.panel {
    background-image: -gtk-gradient (linear,
                     left top, left bottom,
                     from (alpha (#000, 0.3)),
                     to (alpha (#000, 0.0)));
    font-weight: bold;
}

Nothing works, the panel is always a solid colour. Alpha works (for solid colour) but no gradients.

[Timo Reimerdes (timorei)]

They are probably not going to do anything about it at this point, as the whole wingpanel behaviour, thus probably related classes, will change in isis. What I have seen there is going to be some auto-wallpaper-makes-wingpanel-change solution.

I have given up on having a black on white wingpanel myself. (The indicator Icons just wont change color).

[Avi Romanoff (aroman)]

Thank you for the bug report and thanks for all the comments, everyone. As timoei said, Wingpanel in Freya adaptively changes the background based on the current wallpaper, so supporting this usecase is not something that makes sense to us at this time. If you're particularly interested in customizing the appearance of wingpanel, you are more than welcome to fork it and tweak to your heart's content :-)