started working on a screencast icon

.config/eww/topbar_dp2.yuck

@@ -24,6 +24,7 @@
        :spacing 5
        :halign 'start'
    (hypr_workspaces)
+   (hyprscreencast)
    (hypr_active_window)))
     
 

.config/eww/topbar_dp3.yuck

@@ -23,7 +23,8 @@
        :space-evenly false
        :spacing 5
        :halign 'start'
-   (hypr_workspaces)))
+   (hypr_workspaces)
+   (hyprscreencast)))
     
 
 (defwidget bar1_center []

.config/eww/widgets.scss

@@ -8,3 +8,4 @@
 @import 'widgets/sysmon.scss';
 @import 'widgets/swaync.scss';
 @import 'widgets/volume.scss';
+@import 'widgets/hyprscreencast.scss';

.config/eww/widgets.yuck

@@ -8,3 +8,4 @@
 (include "widgets/sysmon.yuck")
 (include "widgets/swaync.yuck")
 (include "widgets/volume.yuck")
+(include "widgets/hyprscreencast.yuck")

.config/eww/widgets/hyprscreencast.scss

@@ -0,0 +1,16 @@
+.screencast{
+  
+  /* Colors */
+  $sc-active: indigo;
+  $sc-inactive: darkorchid;
+  $sc-label-active: maroon;
+  $sc-label-inactive: gainsboro;
+
+  background: $sc-inactive;
+  color: $sc-label-inactive;
+
+  &--active{
+    background: $sc-active;
+    color: $sc-label-active;
+  }
+}

.config/eww/widgets/hyprscreencast.yuck

@@ -0,0 +1,8 @@
+(deflisten screencast :initial '{"event":"Screencast","data":{"state":0,"owner":0}}"' "hyprman -f screencast")
+
+(defwidget hyprscreencast []
+  (box
+    :class "screencast${screencast.data.state == 1 ? '--active' : ''}"
+    (label
+      :padding 3
+      :text "${screencast.data.state == 1 ? '󰐯': '󱠎'}")))