update eww config

.config/eww/eww.scss

@@ -13,6 +13,8 @@ $blue: #42ddd9;
 $dimblue: mix($blue, $black);
 $green: #7bdbb5;
 $dimgreen: mix($green, $black);
+$violet: #f375ff;
+$dimviolet: mix($violet, $black);
 
 $magenta: #d968c2;
 $cyan: #5dc5ee;
@@ -39,22 +41,29 @@ $radius: 3px;
   box-shadow: none;
 
   label {
+    color: $fg-color;
     text-shadow: none;
   }
 
   &:focus {
+    label {
       color: $fg-color;
+    }
     background-color: $hover;
   }
 
   &:hover {
+    label {
       color: $fg-color;
+    }
     background-color: $hover;
   }
 
   &:active,
   &.active {
+    label {
       color: $fg-color;
+    }
     background-color: $primary;
   }
 }
@@ -72,7 +81,10 @@ $radius: 3px;
   color: #666;
   button {
     @include button;
-    color: mix($fg-color, $black);
+    label {
+      /* color: mix($fg-color, $black); */
+      /* color: $fg-color; */
+    }
 
     &.visible {
       color: $fg-color;
@@ -122,6 +134,13 @@ $radius: 3px;
       }
     }
   }
+  &.battery {
+    label { color: $violet; }
+    trough {
+      background-color: $dimviolet;
+      progress { background-color: $violet; }
+    }
+  }
   &.disk {
     label { color: $red; }
     trough {

.config/eww/eww.yuck

@@ -38,42 +38,51 @@
 (defvar dummy "")
 
 (defwindow primary
-  :monitor "DP-0"
+  :monitor "eDP-1"
   :windowtype "dock"
   :wm-ignore false
   :geometry (geometry :width "100%" :anchor "top center")
   :reserve (struts :side "top" :distance "10%")
-  (primary_bar)
+  (primary_bar :monitor "eDP-1")
 )
 
 (defwindow secondary
-  :monitor "HDMI-0"
+  :monitor "DP-2-1"
   :windowtype "dock"
   :wm-ignore false
   :geometry (geometry :width "100%" :anchor "top center")
   :reserve (struts :side "top" :distance "10%")
-  (secondary_bar)
+  (secondary_bar :monitor "DP-2-1")
 )
 
-(defwidget primary_bar []
+(defwindow third
+  :monitor "DP-2-2"
+  :windowtype "dock"
+  :wm-ignore false
+  :geometry (geometry :width "100%" :anchor "top center")
+  :reserve (struts :side "top" :distance "10%")
+  (secondary_bar :monitor "DP-2-2")
+)
+
+(defwidget primary_bar [monitor]
   (centerbox
     :class "bar bar-primary"
     :orientation "horizontal"
     :hexpand false
-    (left :monitor "DP-0")
+    (left :monitor monitor)
     (center)
-    (right :monitor "DP-0")
+    (right :monitor monitor)
   )
 )
 
-(defwidget secondary_bar []
+(defwidget secondary_bar [monitor]
   (centerbox
     :class "bar bar-secondary"
     :orientation "horizontal"
     :hexpand false
-    (left :monitor "HDMI-0")
+    (left :monitor monitor)
     (center)
-    (right :monitor "HDMI-0")
+    (right :monitor monitor)
   )
 )
 
@@ -161,6 +170,11 @@
     :halign "end"
     :spacing 20
     :space-evenly false
+    (metric
+      :class "battery"
+      :label "${ EWW_BATTERY["BAT0"].status == "Discharging" ? "󱊣" : "󱊦" }"
+      :value { EWW_BATTERY["BAT0"].capacity }
+      :tooltip "${ EWW_BATTERY["BAT0"].capacity } % - ${ EWW_BATTERY["BAT0"].status }")
     (metric
       :class "disk"
       :label "󰋊"

.config/eww/launch

@@ -4,7 +4,7 @@
 pkill eww
 
 # Open eww bars
-eww open-many primary secondary
+eww open-many primary secondary third
 
 # Open eww-state
 sleep 1