From 3ff9631193d46fb264d613045ce446225d0b829f Mon Sep 17 00:00:00 2001
From: krolxon <krolyxon@tutanota.com>
Date: Sun, 10 Aug 2025 22:27:28 +0530
Subject: [PATCH] waybar: some css changes for workspaces hover

---
 .config/waybar/config.jsonc |  3 ++-
 .config/waybar/style.css    | 17 ++++++++++-------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc
index 8a8440f..f4f7f07 100644
--- a/.config/waybar/config.jsonc
+++ b/.config/waybar/config.jsonc
@@ -62,7 +62,8 @@
         "show-special": false
     },
     "hyprland/window": {
-        "format": "󰣇 {}"
+        "format": "󰣇 {}",
+        "max-length": 50
     },
     "tray": {
         "icon-size": 13,
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index d9b6dc0..1ca572d 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -103,10 +103,17 @@ window#waybar.hidden {
     border-bottom-right-radius: 8px;
 }
 
+/* empty persistent workspaces */
+#workspaces button.empty {
+    background-color: @base;
+    box-shadow: none;
+}
+
 #workspaces button:hover {
-    transition-duration: .2s;
+    /* transition-duration: .3s; */
     color: @base;
-    box-shadow: inherit;
+    background-color: #7da6ff;
+    box-shadow: inset 0 -1px #ffffff;
     /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
     text-shadow: inherit;
 }
@@ -116,11 +123,7 @@ window#waybar.hidden {
     background-color: #4c566a;
 }
 
-/* empty persistent workspaces */
-#workspaces button.empty {
-    background-color: @base;
-    box-shadow: none;
-}
+
 
 /* active or visible workspaces */
 #workspaces button.active,