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/window/control-center/widgets/Sliders.tsx

@@ -0,0 +1,76 @@
+import { Astal, Gtk } from "ags/gtk4";
+import { Wireplumber } from "../../../modules/volume";
+import { Pages } from "./pages";
+import { PageSound } from "./pages/Sound";
+import { PageMicrophone } from "./pages/Microphone";
+import { createBinding, With } from "ags";
+import { Backlights } from "../../../modules/backlight";
+import { PageBacklight } from "./pages/Backlight";
+
+import AstalWp from "gi://AstalWp";
+
+
+export let slidersPages: Pages|undefined;
+
+export function Sliders() {
+    return <Gtk.Box class={"sliders"} orientation={Gtk.Orientation.VERTICAL} 
+      hexpand spacing={10} onUnmap={() => slidersPages = undefined}>
+
+        <With value={createBinding(Wireplumber.getWireplumber(), "defaultSpeaker")}>
+            {(sink: AstalWp.Endpoint) => <Gtk.Box class={"sink speaker"} spacing={3}>
+                <Gtk.Button onClicked={() => Wireplumber.getDefault().toggleMuteSink()}
+                    iconName={createBinding(sink, "volumeIcon").as((icon) => 
+                        (!Wireplumber.getDefault().isMutedSink() && 
+                            Wireplumber.getDefault().getSinkVolume() > 0
+                        ) ? icon : "audio-volume-muted-symbolic"
+                )} />
+
+                <Astal.Slider drawValue={false} hexpand value={createBinding(sink, "volume")}
+                  max={Wireplumber.getDefault().getMaxSinkVolume() / 100}
+                  onChangeValue={(_, __, value) => sink.set_volume(value)} />
+
+                <Gtk.Button class={"more"} iconName={"go-next-symbolic"} onClicked={() => 
+                    slidersPages?.toggle(PageSound)} />
+            </Gtk.Box>}
+        </With>
+        <With value={createBinding(Wireplumber.getWireplumber(), "defaultMicrophone")}>
+            {(source: AstalWp.Endpoint) => <Gtk.Box class={"source microphone"} spacing={3}>
+                <Gtk.Button onClicked={() => Wireplumber.getDefault().toggleMuteSource()}
+                    iconName={createBinding(source, "volumeIcon").as((icon) => 
+                        (!Wireplumber.getDefault().isMutedSource() && 
+                            Wireplumber.getDefault().getSourceVolume() > 0
+                        ) ? icon : "microphone-sensitivity-muted-symbolic"
+                )} />
+
+                <Astal.Slider drawValue={false} hexpand value={createBinding(source, "volume")}
+                  max={Wireplumber.getDefault().getMaxSourceVolume() / 100}
+                  onChangeValue={(_, __, value) => source.set_volume(value)} />
+
+                <Gtk.Button class={"more"} iconName={"go-next-symbolic"} onClicked={() => 
+                    slidersPages?.toggle(PageMicrophone)} />
+            </Gtk.Box>}
+        </With>
+        <Gtk.Box visible={createBinding(Backlights.getDefault(), "available")}>
+            <With value={createBinding(Backlights.getDefault(), "default")}>
+                {(bklight: Backlights.Backlight|null) => bklight && 
+                    <Gtk.Box class={"backlight"} spacing={3}>
+                        <Gtk.Button onClicked={() => {
+                              bklight.brightness = bklight.maxBrightness
+                          }} iconName={"display-brightness-symbolic"}
+                        />
+
+                        <Astal.Slider drawValue={false} hexpand value={createBinding(bklight, "brightness")} 
+                          max={bklight.maxBrightness}
+                          onChangeValue={(_, __, value) => {
+                              bklight.brightness = value
+                          }}
+                        />
+                        <Gtk.Button class={"more"} iconName={"go-next-symbolic"} onClicked={() => 
+                            slidersPages?.toggle(PageBacklight)} />
+                    </Gtk.Box>
+                }
+            </With>
+        </Gtk.Box>
+        <Pages $={(self) => slidersPages = self} />
+    </Gtk.Box>
+}