Use icons from Material font in workspaces

home/.config/eww/css/modules/_workspaces.scss

@@ -2,18 +2,20 @@
   background-color: $bg1-a;
   border-radius: 25px;
 
+  .icon, .icon label {
+    font-family: "Material Symbols Outlined";
+    font-size: 1.15rem;
+  }
+
   .value {
-    margin-left: 10px;
-    margin-right: 10px;
+    margin: 0 9px;
   }
 
   .focused {
     // text-decoration: underline;
     // text-decoration-color: red;
     // text-decoration-style: double;
-    font-weight: 900;
-    // color: $sapphire;
-    color: #fff;
+    color: $fg;
   }
 
   .active {

home/.config/eww/modules/workspaces.yuck

@@ -20,7 +20,7 @@
         :onclick `scripts/workspaces --switch ${workspace.id}`
 
         (label
-          :class "value"
+          :class "value icon"
           :text {workspace.format_name}))
       )
   ))

home/.config/eww/scripts/workspaces.py

@@ -49,12 +49,12 @@ class OutputWorkspaceInfo(WorkspaceInfo):
 
 # workspace id -> remapped name
 REMAPS = {
-    1: "",
-    2: "",
-    3: "",
-    4: "",
-    5: "",
-    6: "",
+    1: "󰞷",
+    2: "󰈹",
+    3: "󱕂",
+    4: "󰭹",
+    5: "󰝚",
+    6: "󰋹",
     7: "7",
     8: "8",
     9: "9",