waybar: various updates

* add extension to config file
* covid: use tail vs head for historical data
* remove network.vpn
* gamma: change name from gammastep

1 files changed, 20 insertions, 20 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 74b13af..f315b12 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -65,7 +65,6 @@
 #idle_inhibitor,
 #backlight,
 #custom-gammastep,
-#network.vpn,
 #network.tailscale,
 #custom-covid {
   color: #777777;
@@ -76,13 +75,12 @@
 #backlight:hover,
 #idle_inhibitor:hover,
 #network:hover,
-#network.vpn:hover,
 #network.tailscale:hover,
 #pulseaudio:hover,
 #custom-mpris:hover,
 #custom-gammastep:hover,
 #custom-todo:hover {
-  background: red;
+  /* background: red; */
   color: @foreground;
   transition-property: background;
   transition-duration: 0.1s;
@@ -99,7 +97,7 @@
   color: @foreground;
   background: @accentdarker;
   transition-property: background;
-  transition-duration: 0.1s;
+  transition-duration: 0.01s;
 }
 #workspaces button.urgent {
   color: @background;
@@ -110,7 +108,7 @@
   background: @accent;
   color: @foreground;
   transition-property: background, color;
-  transition-duration: 0.1s;
+  transition-duration: 0.01s;
 
   /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
   box-shadow: inherit;
@@ -119,7 +117,7 @@
 #workspaces button.urgent:hover {
   background: @foreground;
   transition-property: background;
-  transition-duration: 0.1s;
+  transition-duration: 0.01s;
 }
 
 #window {
@@ -195,17 +193,12 @@ label:focus {
   border-top: 1px solid @urgent;
   color: @dimmed;
 }
-#network.vpn.disconnected {
-  border-top: 1px solid @dimmeddarker;
-}
-#network.vpn:not(.disconnected) {
-  color: @foreground;
-  border-top: 1px solid @color11;
-}
+#network.tailscale.disabled,
 #network.tailscale.disconnected {
   border-top: 1px solid @dimmeddarker;
 }
-#network.tailscale:not(.disconnected) {
+#network.tailscale.ethernet,
+#network.tailscale.linked {
   color: @foreground;
   border-top: 1px solid @color14;
 }
@@ -214,6 +207,9 @@ label:focus {
   border-top: 1px solid @urgent;
   color: @dimmed;
 }
+#pulseaudio.bluetooth {
+  border-top: 1px solid @color04;
+}
 
 #temperature {}
 #temperature.critical {
@@ -224,8 +220,7 @@ label:focus {
 
 #tray {}
 
-#idle_inhibitor {
-}
+#idle_inhibitor {}
 #idle_inhibitor.activated {
   color: @foreground;
   border-top: 1px solid @color02;
@@ -233,8 +228,14 @@ label:focus {
 
 #custom-mpris {
   color: @foreground;
+}
+#custom-mpris.playing {
   border-top: 1px solid @color04;
 }
+#custom-mpris.paused {
+  border-top: 1px solid @color04;
+  font-style: italic;
+}
 
 #custom-toggl {
   color: @foreground;
@@ -262,7 +263,7 @@ label:focus {
     color: @background;
   }
 }
-#custom-gammastep.night {
+#custom-gamma.night {
   border-top: 1px solid @color12;
   color: @foreground;
   animation-name: flash;
@@ -270,11 +271,10 @@ label:focus {
   animation-timing-function: linear;
   animation-iteration-count: 1;
 }
-#custom-gammastep.day {
+#custom-gamma.day {
   color: @dimmed;
 }
-#custom-gammastep.off,
-#custom-gammastep.unknown {
+#custom-gamma.off {
   border-top: 1px solid @urgent;
   color: @dimmed;
 }