✨ ags: add center-window and logout-menu windows and more

ags/widget/control-center/QuickActions.ts

@@ -10,6 +10,7 @@ const uptime = new Variable<string>("Just turned on")
 
 function LockButton(): Widget.Button {
     return new Widget.Button({
+        className: "nf",
         label: "󰌾",
         onClick: () => AstalHyprland.get_default().dispatch("exec", "hyprlock")
     } as Widget.ButtonProps)
@@ -17,6 +18,7 @@ function LockButton(): Widget.Button {
 
 function ColorPickerButton(): Widget.Button {
     return new Widget.Button({
+        className: "nf",
         label: "󰴱",
         onClick: () => AstalHyprland.get_default().dispatch(
             "exec", 
@@ -27,6 +29,7 @@ function ColorPickerButton(): Widget.Button {
 
 function ScreenshotButton(): Widget.Button {
     return new Widget.Button({
+        className: "nf",
         label: "󰹑",
         onClick: () => Process.exec_async(
             "bash -c 'hyprshot -m region -o $HOME/Screenshots'",
@@ -37,6 +40,7 @@ function ScreenshotButton(): Widget.Button {
 
 function SelectWallpaperButton(): Widget.Button {
     return new Widget.Button({
+        className: "nf",
         label: "󰸉",
         onClick: () => Process.exec_async(
             "bash -c 'sh $HOME/.config/hypr/scripts/change-wallpaper.sh'",
@@ -47,6 +51,7 @@ function SelectWallpaperButton(): Widget.Button {
 
 function LogoutButton(): Widget.Button {
     return new Widget.Button({
+        className: "nf",
         label: "󰗽",
         onClick: () => Process.exec_async(
             "bash -c 'wlogout -b 5'",

ags/widget/control-center/Sliders.ts

@@ -10,9 +10,10 @@ export const Sliders: Gtk.Widget = new Widget.Box({
         new Widget.Box({
             className: "sink speaker",
             children: [
-                new Widget.Icon({
-                    icon: "audio-volume-high-symbolic"
-                } as Widget.IconProps),
+                new Widget.Label({
+                    className: "nf icon",
+                    label: "󰕾"
+                } as Widget.LabelProps),
                 new Widget.Slider({
                     drawValue: false,
                     hexpand: true,
@@ -26,9 +27,10 @@ export const Sliders: Gtk.Widget = new Widget.Box({
         new Widget.Box({
             className: "source microphone",
             children: [
-                new Widget.Icon({
-                    icon: "microphone-sensitivity-high-symbolic"
-                } as Widget.IconProps),
+                new Widget.Label({
+                    className: "nf icon",
+                    label: "󰍬"
+                } as Widget.LabelProps),
                 new Widget.Slider({
                     drawValue: false,
                     hexpand: true,
@@ -42,6 +44,10 @@ export const Sliders: Gtk.Widget = new Widget.Box({
         /*new Widget.Box({
             className: "brightness screen",
             children: [
+                new Widget.Label({
+                    className: "icon nf",
+                    label: "󰃠"
+                } as Widget.LabelProps),
                 new Widget.Slider({
                     drawValue: false,
                     hexpand: true,

ags/widget/control-center/Tiles.ts

@@ -5,6 +5,7 @@ export const tileList: Array<Gtk.Widget> = [
 
 export const Tiles: Widget.Box = new Widget.Box({
     child: new Gtk.Grid({
+        visible: true,
         orientation: Gtk.Orientation.HORIZONTAL,
         rowHomogeneous: true
     } as Gtk.Grid.ConstructorProps)