From 399514926fae047cff98074b7b396b047a6a47b9 Mon Sep 17 00:00:00 2001
From: Evie Litherland-Smith <evie@xenia.me.uk>
Date: Sun, 24 Sep 2023 11:49:05 +0100
Subject: [PATCH] Add transparency and blur to waybar

Remove make switch directive
---
 Makefile                       |  3 ---
 home/hyprland/config.nix       |  4 ++--
 home/hyprland/waybar/style.css | 10 ++++++----
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/Makefile b/Makefile
index 8b5f9463..ace602b8 100644
--- a/Makefile
+++ b/Makefile
@@ -5,6 +5,3 @@ test:
 
 build:
 	sudo nixos-rebuild build --flake .
-
-switch:
-	sudo nixos-rebuild switch --flake .
diff --git a/home/hyprland/config.nix b/home/hyprland/config.nix
index 6992ccd8..e5676638 100644
--- a/home/hyprland/config.nix
+++ b/home/hyprland/config.nix
@@ -73,10 +73,10 @@ in ''
       }
   }
 
-  $layers = ^(eww-.+|bar|system-menu|anyrun|gtk-layer-shell|swaync-.+)$
+  $layers = ^(eww-.+|waybar|bar|system-menu|anyrun|gtk-layer-shell|swaync-.+)$
   layerrule = blur, $layers
   layerrule = ignorealpha 0, $layers
-  layerrule = ignorealpha 0.5, ^(eww-(music|calendar)|system-menu|anyrun|swaync-.+)$
+  layerrule = ignorealpha 0.5, ^(eww-(music|calendar)|waybar|system-menu|anyrun|swaync-.+)$
   layerrule = xray 1, ^(bar|gtk-layer-shell)$
 
   animations {
diff --git a/home/hyprland/waybar/style.css b/home/hyprland/waybar/style.css
index b6e29370..ec789c7a 100644
--- a/home/hyprland/waybar/style.css
+++ b/home/hyprland/waybar/style.css
@@ -49,11 +49,12 @@ window > box {
     border-top-right-radius: 0px;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
-    background: @base;
+    background: rgba(36, 39, 58, 0.5);
 }
 
 tooltip {
-    background: @base;
+    background: rgba(36, 39, 58, 0.5);
+    box-shadow: inset 0 0 0 1px rgba(183, 189, 248, 0.1), 0 0 0 1px rgba(36, 39, 58, 0.5);
     border: 1px solid @lavender;
     border-radius: 10px;
 }
@@ -78,8 +79,9 @@ tooltip {
 #workspaces button {
     border-top: 1px solid transparent;
     border-radius: 0px;
+    color: @overlay0;
 }
 
-#workspaces button.active { border-top: 1px solid @lavender; }
+#workspaces button.active { color: @text; }
 
-#workspaces button.urgent { border-top: 1px solid @red; }
+#workspaces button.urgent { color: @red; }