feat: make AGS colorshell configuration fully declarative

- Add complete colorshell v2.0.3 configuration to home/ags-config/
- Disable runner plugin and NightLight tile (incompatible with NixOS)
- Customize SCSS with full opacity (no transparency)
- Add dark pale blue color scheme in home/pywal-colors/
- Configure Papirus-Dark icon theme via home-manager
- Make ~/.config/ags/ immutable and managed by Nix store
- Auto-deploy pywal colors to ~/.cache/wal/colors.json

All AGS configuration is now reproducible and version controlled.

home/ags-config/widget/CustomDialog.tsx

@@ -0,0 +1,80 @@
+import { Astal, Gtk } from "ags/gtk4";
+import { Windows } from "../windows";
+import { getPopupWindowContainer, PopupWindow } from "./PopupWindow";
+import { Separator } from "./Separator";
+import { tr } from "../i18n/intl";
+import { Accessor, Node } from "ags";
+import { transformWidget, variableToBoolean } from "../modules/utils";
+
+
+export type CustomDialogProps = {
+    namespace?: string | Accessor<string>;
+    className?: string | Accessor<string>;
+    cssBackground?: string;
+    title?: string | Accessor<string>;
+    text?: string | Accessor<string>;
+    heightRequest?: number | Accessor<number>;
+    widthRequest?: number | Accessor<number>;
+    childOrientation?: Gtk.Orientation | Accessor<Gtk.Orientation>;
+    children?: Node;
+    onFinish?: () => void;
+    options?: Array<CustomDialogOption> | Accessor<Array<CustomDialogOption>>;
+    optionsOrientation?: Gtk.Orientation | Accessor<Gtk.Orientation>;
+};
+
+export interface CustomDialogOption {
+    onClick?: () => void;
+    text: string | Accessor<string>;
+    closeOnClick?: boolean | Accessor<boolean>;
+}
+
+function CustomDialogOption({closeOnClick = true, ...props}: CustomDialogOption & {
+    dialog: Astal.Window;
+}) {
+    return <Gtk.Button class="option" hexpand label={props.text} 
+      onClicked={() => {
+          props.onClick?.();
+          closeOnClick && 
+              props.dialog?.close();
+      }} 
+    />
+}
+
+export function CustomDialog({ options = [{ text: tr("accept") }], ...props}: CustomDialogProps) {
+    return Windows.getDefault().createWindowForFocusedMonitor((mon) => {
+        const popup = <PopupWindow namespace={props.namespace ?? "custom-dialog"} monitor={mon}
+          cssBackgroundWindow={props.cssBackground ?? "background: rgba(0, 0, 0, .3);"}
+          exclusivity={Astal.Exclusivity.IGNORE} layer={Astal.Layer.OVERLAY}
+          halign={Gtk.Align.CENTER} valign={Gtk.Align.CENTER} actionClosed={() => props.onFinish?.()}
+          widthRequest={props.widthRequest ?? 400} heightRequest={props.heightRequest ?? 220}>
+
+            <Gtk.Box class={props.className ?? "custom-dialog-container"}
+              orientation={Gtk.Orientation.VERTICAL}>
+
+                <Gtk.Label class={"title"} visible={variableToBoolean(props.title)} label={props.title} />
+                <Gtk.Label class={"text"} visible={variableToBoolean(props.text)} label={props.text} 
+                  vexpand valign={Gtk.Align.START} />
+                <Gtk.Box class={"custom-children custom-child"} visible={variableToBoolean(props.children)}
+                  orientation={props.childOrientation ?? Gtk.Orientation.VERTICAL}>
+                    {transformWidget(props.children, (child) => child as JSX.Element)}
+                </Gtk.Box>
+                <Separator alpha={.2} visible={options && options.length > 0}
+                  spacing={8} orientation={Gtk.Orientation.VERTICAL} />
+            </Gtk.Box>
+        </PopupWindow> as Astal.Window;
+
+        (popup.get_child()!.get_first_child()!.get_first_child() as Gtk.Box).append(
+            <Gtk.Box class={"options"} orientation={props.optionsOrientation ?? Gtk.Orientation.HORIZONTAL}
+              hexpand={true} heightRequest={38} homogeneous={true}>
+
+                {transformWidget(options, (props) => <CustomDialogOption {...props} dialog={popup} />)}
+            </Gtk.Box> as Gtk.Box
+        );
+
+        return popup;
+    })();
+}
+
+export function getContainerCustomDialog(dialog: Astal.Window): Gtk.Box {
+    return getPopupWindowContainer(dialog).get_first_child()?.get_last_child()?.get_prev_sibling() as Gtk.Box;
+}