2 files changed, 67 insertions, 0 deletions
diff --git a/share/home/eww/config/eww.scss b/share/home/eww/config/eww.scss
new file mode 100644
index 0000000..8172b28
--- /dev/null
+++ b/share/home/eww/config/eww.scss
@@ -0,0 +1,13 @@
+* {
+  all: unset; // Unsets everything so you can style everything from scratch
+}
+
+.bar {
+  background-color: #3a3a3a;
+  color: #fff;
+}
+
+.workspaces {
+  font-size: 1.5em;
+}
+
diff --git a/share/home/eww/config/eww.yuck b/share/home/eww/config/eww.yuck
new file mode 100644
index 0000000..0f27d9f
--- /dev/null
+++ b/share/home/eww/config/eww.yuck
@@ -0,0 +1,54 @@
+(defwidget bar []
+  (centerbox :orientation "v"
+    (workspaces)
+    "test"
+    (battery)))
+
+(defwidget workspace-btn [n ?icon]
+  (button :onclick "hyprctl dispatch 'workspace ${n}'"
+          :halign "baseline"
+          :hexpand true
+    "${icon ?: n}"))
+
+(defwidget workspaces []
+  (box :class "workspaces"
+       :orientation "v"
+       :space-evenly true
+       :valign "start"
+       :halign "center"
+    (workspace-btn :n 1 :icon "")
+    (workspace-btn :n 2 :icon "")
+    (workspace-btn :n 3 :icon "󰈹")
+    (workspace-btn :n 4 :icon "󰭹")
+    (workspace-btn :n 5 :icon "")
+    (workspace-btn :n 6 :icon "")
+    (workspace-btn :n 7 :icon "")
+    (workspace-btn :n 8 :icon "")
+    (workspace-btn :n 9 :icon "")))
+
+(defwidget battery []
+  (metric :label "󰁹"
+          :value {EWW_BATTERY}
+          :onchange ""))
+
+(defwidget metric [label value onchange]
+  (box :orientation "v"
+       :class "metric"
+       :space-evenly false
+    (box :class "label" label)
+    (scale :min 0
+           :max 101
+           :active {onchange != ""}
+           :value value
+           :onchange onchange)))
+
+(defwindow bar
+           :monitor 0
+           :geometry (geometry :width "1.25%"
+                               :height "98%"
+                               :anchor "right center")
+           :stacking "fg"
+           :windowtype "dock"
+           :exclusive true
+  (bar))
+