Question

0

Use image as panel background

rated 0 times [ 0] [ 0] / answers: 1 / hits: 1591 / 1 Year ago, tue, april 4, 2023, 5:38:19

I installed Ubuntu 12.04. In the good old days where customizing your Ubuntu had no limits it was no big deal to change the background of the panel to an image of your choice.

How can i change the panel of my Adwaita Cupertino Unity L theme?

Can anyone help me out here?

I've tried to make the panel transparent. That really did not look very well. Its like the autohide of the application menu is just going black when not hovering the menu. So its under the White Title of the window

enter image description here

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

theurn

Add To Favorites

Follow

Total Points: 30

Total Questions: 110

Total Answers: 111

Location: Bahrain

Member since Fri, Sep 16, 2022

2 Years ago

theurn questions

1 How to change a folder's permissions and owners?

Tue, Apr 5, 22, 14:18, 2 Years ago

1 Cant mount Window's partition on bootable ubuntu 20.04

Mon, Feb 14, 22, 16:29, 2 Years ago

1 select positional argument in xargs

Sat, Apr 8, 23, 05:26, 1 Year ago

1 Refresh rate not working on login screen

Tue, Jan 10, 23, 23:59, 1 Year ago

1 Chromium does not start after update on 20.04

Fri, Apr 8, 22, 01:36, 2 Years ago

View All

answered 1 Year ago splenueak · Accepted Answer

I would suggest to have a look to the following files:

/usr/share/themes/Adwaita Cupertino L Unity/gtk-3.0/unity.css

/usr/share/themes/Adwaita Cupertino L Unity/gtk-3.0/unity-transparent.css

~/.themes/unity.css

All of them start at their very first with something like:

UnityPanelWidget,

.unity-panel {

    background-image: -gtk-gradient (linear, left top, left bottom,

                                     from (shade(@bg_color, 1.07)),                                     

                                     to (shade(@bg_color, 1.00)));

    border-width: 0;

    border-style: none;

}

With some CSS reminiscence, you could try with a custom image as a background (you'll adjust size if it works):

UnityPanelWidget,

.unity-panel {

       background-image: url("relative/path/to/your/some_pic.svg");

    border-width: 0;

    border-style: none;

}