brightness module for external displays and removing grey color from module's text

1 files changed, 10 insertions, 12 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 8419926..3a8d3f8 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -10,6 +10,15 @@ window#waybar {
 	background-color: #0a0a0a;
 }
 
+#workspaces button {
+	padding: 3px 5px;
+}
+
+#workspaces button:hover {
+	/* Hovering over the workspaces button has a no radius selection around it */
+	border-radius: 0;
+}
+
 #workspaces button.focused {
 	background-color: #7fc8ff;
 	color: #0a0a0a;
@@ -39,6 +48,7 @@ window#waybar {
 #battery,
 #window,
 #custom-vpn,
+#custom-brightness,
 #memory,
 #network,
 #mpris,
@@ -48,18 +58,6 @@ window#waybar {
 	padding: 0 12px;
 }
 
-/* add grey color to some modules */
-#network,
-#memory,
-#bluetooth,
-#pulseaudio,
-#custom-vpn,
-#clock,
-#window,
-#battery {
-	color: #cccccc;
-}
-
 #temperature.critical {
 	color: #ff0000;
 }