moved the screencast icon

.config/eww/topbar_dp2.yuck

@@ -33,6 +33,7 @@
        :space-evenly false
        :spacing 5
    (media)
+   (hyprscreencast)
    (sysmon)))
 
 (defwidget bar0_right []

.config/eww/topbar_dp3.yuck

@@ -41,4 +41,5 @@
     :spacing 5
     :halign 'end'
     (media)
+    (hyprscreencast)
     (datetime)))

.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 ? '󰐯': '󱠎'}")))