From b6a6b9389ca25bb4dcbac59eb97b17f9c8107ece Mon Sep 17 00:00:00 2001
From: Andrea <nullndr@proton.me>
Date: Sat, 1 Mar 2025 11:57:26 +0100
Subject: [PATCH] fix(waybar): fix a bunch of style issues

---
 waybar/style.css | 97 +++++++++++++++---------------------------------
 1 file changed, 29 insertions(+), 68 deletions(-)

diff --git a/waybar/style.css b/waybar/style.css
index f07662b..3a8d070 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -1,23 +1,15 @@
 * {
-	all: initial;
 	border: none;
 	border-radius: 0;
 	min-height: 20px;
 	font-family: "Symbols Nerd Font", monospace;
 }
 
-button {
-	padding-top: 4px;
-	padding-bottom: 4px;
-	padding-left: 14px;
-	padding-right: 14px;
-}
-
-window#waybar {
+#waybar {
 	background: transparent;
 }
 
-window#waybar.hidden {
+#waybar.hidden {
 	opacity: 0.2;
 }
 
@@ -30,27 +22,6 @@ tooltip label {
 	color: white;
 }
 
-#workspaces {
-	border-radius: 10px;
-	transition: none;
-	background: #383c4a;
-}
-
-#workspaces button {
-	color: #7c818c;
-	background: transparent;
-	font-size: 18px;
-	min-width: 0;
-}
-
-#workspaces button:hover {
-	box-shadow: inherit;
-	text-shadow: inherit;
-	border-radius: inherit;
-	color: #383c4a;
-	background: #7c818c;
-}
-
 #custom-pacman,
 #custom-recorder,
 #mode,
@@ -65,14 +36,37 @@ tooltip label {
 #bluetooth,
 #network,
 #backlight {
-	padding-left: 8px;
-	padding-right: 8px;
+	transition: none;
 	border-radius: 10px;
 	background: #383c4a;
+	color: #ffffff;
+	padding-top: 4px;
+	padding-bottom: 4px;
+	padding-left: 14px;
+	padding-right: 14px;
+	margin: 4px;
 }
 
-#bluetooth {
-	margin-right: 8px;
+#workspaces {
+	transition: none;
+	border-radius: 10px;
+	background: #383c4a;
+	margin: 4px;
+	color: #7c818c;
+}
+
+#workspaces button {
+	padding: 0;
+}
+
+#workspaces button:hover {
+	border-radius: inherit;
+	color: white;
+	background: #666768;
+}
+
+#workspaces button.focused {
+	color: white;
 }
 
 #bluetooth.connected,
@@ -85,30 +79,6 @@ tooltip label {
 	background-color: #f53c3c;
 }
 
-#mode {
-	transition: none;
-	color: #ffffff;
-}
-
-#custom-pacman,
-#custom-recorder,
-#clock,
-#privacy,
-#pulseaudio,
-#backlight,
-#disk,
-#memory,
-#battery {
-	margin-right: 8px;
-	transition: none;
-	color: #ffffff;
-}
-
-#idle_inhibitor {
-	transition: none;
-	color: #ffffff;
-}
-
 #idle_inhibitor.activated {
 	background-color: #26a65b;
 }
@@ -139,12 +109,6 @@ tooltip label {
 	animation-direction: alternate;
 }
 
-#network {
-	transition: none;
-	color: #ffffff;
-	background: #383c4a;
-}
-
 #network.wifi,
 #network.ethener {
 	background-color: #26a65b;
@@ -161,6 +125,3 @@ tooltip label {
 		color: #000000;
 	}
 }
-
-/* #privacy-item {
-} */