✨ feat: use gtk icons instead of nerdfonts across the shell

also removed hour count from recording widgets

ags/widget/control-center/QuickActions.ts

@@ -7,8 +7,9 @@ import { Wallpaper } from "../../scripts/wallpaper";
 
 function LockButton(): Widget.Button {
     return new Widget.Button({
-        className: "nf",
-        label: "󰌾",
+        image: new Widget.Icon({
+            icon: "system-lock-screen-symbolic"
+        } as Widget.IconProps),
         onClick: () => {
             Windows.close("control-center");
             AstalHyprland.get_default().dispatch("exec", "hyprlock");
@@ -18,8 +19,9 @@ function LockButton(): Widget.Button {
 
 function ColorPickerButton(): Widget.Button {
     return new Widget.Button({
-        className: "nf",
-        label: "󰴱",
+        image: new Widget.Icon({
+            icon: "color-select-symbolic"
+        } as Widget.IconProps),
         onClick: () => AstalHyprland.get_default().dispatch(
             "exec", 
             "sh $HOME/.config/hypr/scripts/color-picker.sh"
@@ -29,8 +31,9 @@ function ColorPickerButton(): Widget.Button {
 
 function ScreenshotButton(): Widget.Button {
     return new Widget.Button({
-        className: "nf",
-        label: "󰹑",
+        image: new Widget.Icon({
+            icon: "applets-screenshooter-symbolic"
+        } as Widget.IconProps),
         onClick: () => {
             Windows.close("control-center");
             execAsync(`sh ${GLib.get_user_config_dir()}/hypr/scripts/screenshot.sh`);
@@ -40,8 +43,9 @@ function ScreenshotButton(): Widget.Button {
 
 function SelectWallpaperButton(): Widget.Button {
     return new Widget.Button({
-        className: "nf",
-        label: "󰸉",
+        image: new Widget.Icon({
+            icon: "preferences-desktop-wallpaper-symbolic"
+        } as Widget.IconProps),
         onClick: () => {
             Windows.close("control-center");
             Wallpaper.getDefault().pickWallpaper();
@@ -51,8 +55,9 @@ function SelectWallpaperButton(): Widget.Button {
 
 function LogoutButton(): Widget.Button {
     return new Widget.Button({
-        className: "nf",
-        label: "󰗽",
+        image: new Widget.Icon({
+            icon: "system-shutdown-symbolic"
+        } as Widget.IconProps),
         onClick: () => Windows.open("logout-menu")
     } as Widget.ButtonProps);
 }
@@ -76,13 +81,20 @@ export const QuickActions = () => {
                         tooltipText: "Host name",
                         label: GLib.get_host_name()
                     } as Widget.LabelProps),
-                    new Widget.Label({
-                        className: "uptime",
-                        xalign: 0,
-                        tooltipText: "Uptime",
-                        onDestroy: () => uptime.drop(),
-                        label: uptime().as((uptime: string) => `󰥔  ${uptime}`)
-                    } as Widget.LabelProps)
+                    new Widget.Box({
+                        children: [
+                            new Widget.Icon({
+                                icon: "hourglass-symbolic"
+                            } as Widget.IconProps),
+                            new Widget.Label({
+                                className: "uptime",
+                                xalign: 0,
+                                tooltipText: "Uptime",
+                                onDestroy: () => uptime.drop(),
+                                label: uptime()
+                            } as Widget.LabelProps)
+                        ]
+                    } as Widget.BoxProps)
                 ]
             } as Widget.BoxProps),
             new Widget.Box({