Howto set Wingpanel and Slingshot to be translucent

Do you like translucent/transparent theme? If so this guide is for you. Note: It have only been tested with elementary OS default elementary theme. Open the terminal and copy/paste;

io.elementary.code '~/.config/gtk-3.0/gtk.css'

Add the following to the file;

.panel {

    background-color: rgba(255,255,255,0.5);

    transition: all 1s ease-in-out;
}


.panel.maximized {

    background-color: rgba(255,255,255,0.5);
    
    }

    
@define-color base_color #ffffff;
@define-color bg_color alpha (shade (@base_color, 0.96), 0.6);
@define-color bg_highlight_color shade (@bg_color, 1.4);
@define-color border_color alpha (#000, 0.25);
@define-color fg_color #969f9d;

You can adjust the transparency of the Wingpanel by change the 0.5 to 0.0 (transpancy) – 1.0 (Solid)

The Slingshots transparency you can adjust 0.6 likewise.

Logout and login to take affect.

Enjoy ^_^

Tested on: elementary OS 5.1.4

Howto change the color/transparency of wingpanel

This guide shows you howto change the color of the wingpanel. If you wish to have different color than shown in this guide I suggest installing Gimp from the App Center to easily get the RBG numbers.

Open the terminal and copy/paste;

nano ~/.config/gtk-3.0/gtk.css

Insert the following;

/*********************

* wingpanel support *

********************/

.panel {

    background-color: rgba(255,255,255,0.5);

    transition: all 1s ease-in-out;
}


.panel.maximized {

    background-color: rgba(255,255,255,0.5);
    
    }

This will make your wingpanel white transparent. The 3 first number in RGBA is the color numbers. Use Gimp to find the color you want. If you want a black wingpanel, change all 255 with 0. The last number is how transparent the panel is going to be. It range from 0.0 (complete transparent) to 1.0 (Solid).

Save: [ctrl]+[o]

Exit: [ctrl]+[x]

When done type;

killall wingpanel

Enjoy! ^_^

Tested on: elementary OS 5.1.4

Source: https://www.reddit.com/r/elementaryos/comments/cru778/how_to_make_the_wingpanel_always_transparent/

Howto enable system tray on elementary OS

systemtray

Many applications still uses the old system tray implantation. This guide will show you how to enable it on elementary OS.

Open the terminal and copy/paste the following;

sudo apt install software-properties-common
sudo add-apt-repository ppa:yunnxx/elementary
sudo apt update
sudo apt install indicator-application wingpanel-indicator-ayatana

The next thing is to add Pantheon to your autostart/indicator-application.desktop

sudo nano /etc/xdg/autostart/indicator-application.desktop

You’ll find a line called OnlyShowIn=Unity;GNOME; add Pantheon; to it. It should now look like;

OnlyShowIn=Unity;GNOME;Pantheon;

Save: [ctrl]+[o]
Exit: [ctrl]+[x]

There’s a bug that will show you two network indicators in your system tray.. To correct it, copy/paste;

cd /etc/xdg/autostart
sudo rm nm-applet.desktop

Reboot

Enjoy! ^_^

TESTED on: elementary OS 5.1.4