waybar: add click actions to more modules

1 files changed, 18 insertions, 13 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 6fbbb03..6db3013 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -98,29 +98,25 @@ window#waybar.solo {}
   color: @dimmed;
 }
 
-#disk.root {
-  margin-right: 0;
-  padding-right: 0;
-}
+#disk.root {}
 #disk.home {
+  margin-left: 0;
+  padding-left: 0;
 }
 
-#battery {
-}
+#battery {}
 #battery.charging {
   color: @foreground;
-  background-color: #26a65b;
+  background: #26a65b;
 }
-
 @keyframes blink {
   to {
-    background-color: @foreground;
+    background: @foreground;
     color: @background;
   }
 }
-
 #battery.critical:not(.charging) {
-  background-color: #f53c3c;
+  background: #f53c3c;
   color: @foreground;
   animation-name: blink;
   animation-duration: 0.5s;
@@ -138,11 +134,20 @@ label:focus {
 #backlight {}
 #network {}
 #network.disconnected {
+  border-top: 2px solid @urgent;
   color: @dimmed;
 }
-#pulseaudio {
+#network.wg.disconnected {
+  border-top: 2px solid @dimmeddarker;
 }
+#network.wg:not(.disconnected) {
+  border-top: 2px solid #c476ff;
+  /* background: #c476ff; */
+  /* color: @dimmeddarker; */
+}
+#pulseaudio {}
 #pulseaudio.muted {
+  border-top: 2px solid @urgent;
   color: @dimmed;
 }
 
@@ -175,7 +180,7 @@ label:focus {
 
 #custom-toggl {
   color: @foreground;
-  /* background-color: #DB4D6D; */
+  /* background: #DB4D6D; */
   border-top: 2px solid #DB4D60;
 }