From cba3aa1302bc3f3796552a9725da974cbb341160 Mon Sep 17 00:00:00 2001
From: Severin Kaderli <severin@kaderli.dev>
Date: Sun, 6 Nov 2022 22:45:54 +0100
Subject: [PATCH] Adjust styles of buttons in Waybar

Signed-off-by: Severin Kaderli <severin@kaderli.dev>
---
 system/.config/waybar/style.css | 38 +++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/system/.config/waybar/style.css b/system/.config/waybar/style.css
index 63f58af..912ae4f 100644
--- a/system/.config/waybar/style.css
+++ b/system/.config/waybar/style.css
@@ -21,29 +21,35 @@
     padding: 0 10px;
 }
 
-#tray:hover,
-#network:hover,
-#pulseaudio:hover,
-#clock:hover,
-#battery:hover,
-#custom-update:hover,
-#custom-power:hover {
-    background-color: #A4A0AC;
-    color: #18161d;
-}
-
-#workspaces button {
+button {
+    background-image: none;
     background-color: #18161d;
     color: #A4A0AC;
     padding: 0 20px;
 }
 
-#workspaces button:hover {
-    background-color: #A4A0AC;
-    color: #18161d;
+button,
+button:active,
+button:hover {
+    box-shadow: none;
+    -gtk-icon-shadow: none;
+    background-image: none;
+    font-weight: normal;
+    box-shadow: none;
+    -gtk-icon-shadow: none;
+    text-shadow: none;
+    -gtk-icon-effect: none;
+    transition: background-color 0.1s;
 }
 
-#workspaces button.focused.current_output {
+button:active,
+button:hover {
+    background-color: #A4A0AC;
+    color: #18161d;
+
+}
+
+button.focused.current_output {
     background-color: #A4A0AC;
     color: #18161d;
 }