From 08da16a41c9b423e9d1171f0af16da099abc5e52 Mon Sep 17 00:00:00 2001
From: Arpit Chakladar <arpitchakladar+git@gmail.com>
Date: Thu, 27 Aug 2026 17:53:48 +0530
Subject: desktop: using dedicated svgs for the eww bar icons

---
 modules/desktop/eww/eww.mustache.scss |  8 ++++++++
 modules/desktop/eww/yuck.nix          | 19 +++++++------------
 2 files changed, 15 insertions(+), 12 deletions(-)

(limited to 'modules/desktop')

diff --git a/modules/desktop/eww/eww.mustache.scss b/modules/desktop/eww/eww.mustache.scss
index 5004e65..63938a4 100644
--- a/modules/desktop/eww/eww.mustache.scss
+++ b/modules/desktop/eww/eww.mustache.scss
@@ -17,6 +17,10 @@ window#eww-bar {
   margin: 5px;
 }
 
+.windows {
+  margin: 15px 5px;
+}
+
 .workspaces, .windows {
   padding: 5px;
 }
@@ -45,6 +49,10 @@ window#eww-bar {
   border: none;
 }
 
+.system-item .system-icon {
+  color: #{{base07}};
+}
+
 .system-item .system-label.small {
   font-size: 12px;
 }
diff --git a/modules/desktop/eww/yuck.nix b/modules/desktop/eww/yuck.nix
index 03de4bf..77d5949 100644
--- a/modules/desktop/eww/yuck.nix
+++ b/modules/desktop/eww/yuck.nix
@@ -113,9 +113,7 @@
                :class "bar-container"
                :vexpand true
             (workspaces-widget)
-            (box :vexpand true)
             (windows-widget)
-            (box :vexpand true)
             (system-widget)))
 
         (defwidget workspaces-widget []
@@ -131,7 +129,7 @@
                     (label :class "workspace-idx" :text "''${ws.idx}" :halign "end" :valign "end")))))))
 
         (defwidget windows-widget []
-          (box :orientation "v" :space-evenly false :spacing 4 :halign "center" :class "windows"
+          (box :orientation "v" :space-evenly false :spacing 4 :halign "center" :class "windows" :vexpand true
 
             (for w in active-windows
               (eventbox :onclick "niri msg action focus-window --id ''${w.id}"
@@ -143,20 +141,17 @@
 
         (defwidget system-widget []
           (box :orientation "v" :space-evenly false :spacing 6 :halign "fill" :class "system"
+            (box :orientation "v" :class "system-item" :halign "fill" :space-evenly false :spacing 4
+              (image :class "system-icon" :path "${../../../assets/icons/bar/wifi.svg}" :image-width 24 :image-height 24))
             (box :orientation "v" :class "system-item" :space-evenly false :spacing 4
-              (label :class "system-icon" :text "''${system_stats.net == "up" ? "󰤨 " : "󰤭 "}")
-              (label :class "system-label" :text ""))
-            (box :orientation "v" :class "system-item" :space-evenly false :spacing 4
-              (label :class "system-icon" :text " ")
+              (image :class "system-icon" :path "${../../../assets/icons/bar/cpu.svg}" :image-width 24 :image-height 24)
               (label :class "system-label" :text "''${system_stats.cpu}%"))
             (box :orientation "v" :class "system-item" :space-evenly false :spacing 4
-              (label :class "system-icon" :text " ")
+              (image :class "system-icon" :path "${../../../assets/icons/bar/ram.svg}" :image-width 24 :image-height 24)
               (label :class "system-label" :text "''${system_stats.ram}%"))
             (box :orientation "v" :class "system-item" :space-evenly false :spacing 4
-              (label :class "system-icon" :text "󰥔 ")
-              (label :class "system-label small" :text time))
-            (box :orientation "v" :class "system-item" :space-evenly false :spacing 4
-              (label :class "system-icon" :text "")
+              (image :class "system-icon" :path "${../../../assets/icons/bar/calendar.svg}" :image-width 24 :image-height 24)
+              (label :class "system-label small" :text time)
               (label :class "system-label small" :text date))))
       '';
   };
-- 
cgit v1.2.3