From 4019f6be6aad6093c11b625e6d8d3edef61167db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Dias?= <joaovodias@gmail.com>
Date: Tue, 30 Jul 2024 19:39:53 -0300
Subject: [PATCH] :recycle: refactor: styles, add hover anim to custom-media

---
 waybar/style.css | 24 ++++--------------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/waybar/style.css b/waybar/style.css
index 901878f..f1a0f2c 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -80,11 +80,6 @@ widget > *:hover:not(#window):not(#workspaces):not(#tray):not(#custom-media) {
     margin-right: 6px;
 }
 
-/* you can set a style on hover for any module like this */
-#pulseaudio:hover {
-    background-color: shade(@blue, 0.5);
-}
-
 #workspaces {
     border-radius: 16px;
     padding-left: 2px;
@@ -121,15 +116,6 @@ widget > *:hover:not(#window):not(#workspaces):not(#tray):not(#custom-media) {
     background: alpha(@blue, .5);
 }
 
-#backlight {
-    background: alpha(@base, .3);
-}
-
-#mode {
-    background-color: alpha(@yellow, .3);
-    box-shadow: inset 0 -3px @text;
-}
-
 #clock,
 #battery,
 #cpu,
@@ -219,16 +205,14 @@ label:focus {
     color: @text;
 }
 
-#custom-media {
-    background-color: alpha(@base, .3);
-    color: @text;
-    min-width: 100px;
-}
-
 #custom-media.custom-spotify {
     background-color: alpha(shade(@green, .65), .3);
 }
 
+#custom-media.custom-spotify:hover {
+    background: alpha(@green, .3);
+}
+
 #temperature {
     background-color: alpha(@base, .3);
 }