start mullvad thing

modules/desktop-environment/home/eww/configDir/bottomBar/bottomBar.yuck

@@ -29,7 +29,7 @@
         (box
           :halign "end"
           ; (label :text "${iceData.speed}km/h")
-          (iceTacho)
+          (mullvadThing)
         )
       )
     )
@@ -47,14 +47,26 @@
   )
 )
 
+(deflisten mullvad
+  :initial "{\"state\":\"init\"}"
+  `mullvad status -j listen`
+)
+
+(defwidget mullvadThing []
+  (box
+    :class "container"
+    (button
+      :height 16
+      :width 16
+      :class "mullvad-state-${mullvad.state}"
+    )
+  )
+)
+
 (defwidget iceTacho []
   (box
     :class "iceTacho"
     :tooltip "Tz${iceTachoData.tzn} (BR ${iceTachoData.br})"
-    (circular-progress
-      :value { iceTachoData.frac * 60 + 20 }
-      :thickness 3
-    )
     (label :text "${iceTachoData.speed} km/h")
   )
 )

modules/desktop-environment/home/eww/configDir/eww.css

@@ -33,4 +33,20 @@ label {
 
 .traveldingsWindow {
   border-radius: 15px;
+}
+
+.mullvad-state-connected {
+  background-color: #98971a
+}
+
+.mullvad-state-connecting {
+  background-color: #d79921
+}
+
+.mullvad-state-disconnected {
+  background-color: #cc241d
+}
+
+.mullvad-state-init {
+  background-color: #458588
 }