2 files changed, 58 insertions, 0 deletions
diff --git a/.config/eww/status/main.yuck b/.config/eww/status/main.yuck
new file mode 100644
index 0000000..c6ebd3e
--- /dev/null
+++ b/.config/eww/status/main.yuck
@@ -0,0 +1,44 @@
+; windows
+(defwindow status
+  :monitor 0
+  :geometry (geometry :x 0 :y 28 :anchor "top center")
+  (status))
+
+(defwidget status []
+  (box
+    :class "status"
+    :space-evenly false
+    :spacing 5
+    (status-item :color "green" :icon "clock" :text time)
+    (status-item :color "yellow" :icon "calendar" :text date)
+    (status-item
+      :color "red"
+      :icon "thermometer"
+      :text "${EWW_TEMPS["CPU"]}°"
+    )
+    (status-item
+      :color "blue"
+      :icon "cpu"
+      :text "${round(EWW_CPU["avg"],0)}%"
+    )
+    (status-item
+      :color "purple"
+      :icon "database"
+      :text "${round(EWW_RAM["used_mem_perc"],0)}%"
+    )
+  )
+)
+
+(defwidget status-item [icon ?color text]
+  (box                  
+    :class "status-item"
+    :space-evenly false
+    :spacing 7
+    (icon :color color :name icon)
+    text
+  )
+)
+
+(defwidget status-seperator []
+  (box :class "status-seperator")
+)
diff --git a/.config/eww/status/style.scss b/.config/eww/status/style.scss
new file mode 100644
index 0000000..a31257e
--- /dev/null
+++ b/.config/eww/status/style.scss
@@ -0,0 +1,14 @@
+.status {
+  background-color: $borderColor;
+  border: $borderSize solid $borderColor;
+}
+
+.status-item {
+  background-color: $bgColor;
+  border-radius: $borderRadius;
+  font-family: "Inter";
+  font-size: 13;
+  font-weight: 700;
+  min-width: 60px;
+  padding: 7;
+}