1
1
mirror of https://github.com/nboughton/dotfiles synced 2024-11-22 14:51:56 +01:00

transparent waybar with higlights

This commit is contained in:
Nick Boughton 2020-12-17 14:35:17 +00:00
parent 437e08e15a
commit df719bf11a
3 changed files with 31 additions and 14 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 914 KiB

After

Width:  |  Height:  |  Size: 1.3 MiB

@ -22,7 +22,9 @@ set $menu wofi -c ~/.config/wofi/config -s ~/.config/wofi/style.css -I
### Output configuration
#output * bg /home/nick/Pictures/Wallpapers/tu6cqny3ffu31.jpg fill
#output * bg /home/nick/Pictures/Wallpapers/cf863cb7189443c5782ae6b0519d863f.jpg fill
output * bg /home/nick/Pictures/Wallpapers/wl0fdl62lik41.jpg fill
#output * bg /home/nick/Pictures/Wallpapers/75wp704qzj561.jpg fill
output * bg /home/nick/Pictures/Wallpapers/803094-1.jpg fill
### Gnome settings
set $gnome-schema org.gnome.desktop.interface
@ -69,6 +71,7 @@ for_window [app_id=ranger] floating enable
for_window [app_id=transmission-gtk] floating enable
for_window [app_id=io.github.celluloid_player.Celluloid] floating enable
for_window [app_id=Alacritty] floating enable
for_window [app_id=foot] floating enable
for_window [app_id=".*"] border pixel
#for_window [app_id=".*"] floating enable

@ -5,7 +5,8 @@
window#waybar {
color: #d8dee9;
background: linear-gradient(90deg, rgba(180, 142, 173, 0.5) 0%, rgba(94,129,172, 0.5) 50%, rgba(163, 190, 140, 0.5) 100%);
/*background: linear-gradient(90deg, rgba(180, 142, 173, 0.7) 0%, rgba(94,129,172, 0.7) 50%, rgba(163, 190, 140, 0.7) 100%);*/
background: rgba(76,86,106,0);
border-radius: 7px;
}
@ -35,7 +36,7 @@ window#waybar {
#tray {
padding: 0px 7px 0px 7px;
text-shadow: 1px 1px 1px #2e3440;
border-radius: 0px;
border-radius: 4px;
}
/* Separator */
@ -52,14 +53,16 @@ window#waybar {
}
#workspaces button {
padding: 0px 5px 0px 5px;
border-radius: 0px;
/*border-radius: 0px;*/
}
/*
#workspaces button#sway-workspace-1 {
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
*/
#workspaces button.focused {
background: rgba(180, 142, 173, 0.5);
background: rgba(180, 142, 173, 0.7);
}
#idle_inhibitor {
@ -67,7 +70,7 @@ window#waybar {
}
#mode {
background: rgba(191, 97, 106, 0.5);
background: rgba(191, 97, 106, 0.7);
}
/* TOP BAR (right/center) */
@ -80,49 +83,60 @@ window#waybar {
padding-left: 3px;
}
/*
#custom-updates.no-updates,
#custom-auroch.no-updates {
background: rgba(163, 190, 140, 0.7);
}
*/
#custom-updates.updates,
#custom-auroch.updates {
background: rgba(180, 142, 173, 0.5);
background: rgba(180, 142, 173, 0.7);
}
#custom-updates.error,
#custom-auroch.error {
background: rgba(191, 97, 106, 0.5);
background: rgba(191, 97, 106, 0.7);
}
#custom-updates {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
#custom-auroch {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
/*
#tray {
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
*/
/* BOTTOM BAR (left to right)*/
#custom-weather {
padding-top: 5px;
padding-bottom: 5px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
/*border-top-left-radius: 7px;
border-bottom-left-radius: 7px;*/
}
#taskbar {
padding-left: 0px;
}
#taskbar button {
border-radius: 0px;
/*border-radius: 0px;*/
padding-right: 3px;
padding-top: 0px;
padding-bottom: 0px;
text-shadow: 1px 1px 1px #2e3440;
}
#taskbar button.active {
background: rgba(180, 142, 173, 0.5);
background: rgba(180, 142, 173, 0.7);
}
/*
#custom-spotify {
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
*/