sway: waybar: rice with new background image

Tweak waybar CSS styles
This commit is contained in:
teutat3s 2023-05-05 18:39:35 +02:00
parent 6bb6112bcc
commit 24ed83b04c
Signed by: teutat3s
GPG key ID: 4FA1D3FA524F22C1
4 changed files with 8 additions and 3 deletions

View file

@ -4,13 +4,12 @@
"height": 26, // Waybar height "height": 26, // Waybar height
"modules-left": ["sway/workspaces", "sway/mode"], "modules-left": ["sway/workspaces", "sway/mode"],
//"modules-center": ["mpd"], "modules-center": ["network"],
"modules-right": [ "modules-right": [
"sway/language", "sway/language",
"backlight", "backlight",
"custom/notification", "custom/notification",
"pulseaudio", "pulseaudio",
"network",
"idle_inhibitor", "idle_inhibitor",
"battery", "battery",
"clock", "clock",

View file

@ -9,11 +9,16 @@ window#waybar {
font-family: Hack, FontAwesome; font-family: Hack, FontAwesome;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
background: rgba(11, 12, 13, 0.90); /*background: rgba(11, 12, 13, 0.90);*/
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid rgba(0, 0, 2, 0.53); border-bottom: 1px solid rgba(0, 0, 2, 0.53);
color: @base04; color: @base04;
} }
window#waybar.hidden {
opacity: 0.2;
}
#workspaces button { #workspaces button {
font-size: 14px; font-size: 14px;
box-shadow: none; box-shadow: none;
@ -62,6 +67,7 @@ window#waybar {
#network { #network {
border-top: 1px solid transparent; border-top: 1px solid transparent;
color: rgba(255,255,255,0.3);
} }
#network.disconnected { #network.disconnected {

Binary file not shown.

After

Width:  |  Height:  |  Size: 513 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 513 KiB

After

Width:  |  Height:  |  Size: 168 KiB