swaync and ags configs

ags/media/style.css

@@ -27,11 +27,13 @@
 }
 
 .player scale.position trough {
-    min-height: 8px;
+    min-height: 10px;
+    border-radius: 10px;
 }
 
 .player scale.position highlight {
     background-color: @theme_fg_color;
+    border-radius: 10px;
 }
 
 .player scale.position slider {
@@ -39,9 +41,11 @@
 }
 
 .player button {
-    min-height: 1em;
-    min-width: 1em;
+    min-height: 2em;
+    min-width: 2em;
+    border-radius: 2em;
     padding: .3em;
+    border: none;
 }
 
 .player button.play-pause {

ags/notification-popups/style.css

@@ -23,7 +23,7 @@ window.notification-popups box.notifications {
 
 .notification {
     min-width: 350px;
-    border-radius: 11px;
+    border-radius: 16px;
     padding: 1em;
     margin: .5em;
     border: 1px solid @wm_borders_edge;
@@ -31,7 +31,7 @@ window.notification-popups box.notifications {
 }
 
 .notification.critical {
-    border: 1px solid lightcoral;
+    border: 2px solid lightcoral;
 }
 
 .title {

ags/volume/config.js

@@ -0,0 +1,50 @@
+const audio = await ServiceWorker.import('audio')
+
+/** @param {'speaker' | 'microphone'} type */
+const vol = () => {
+    const VolumeSlider = (type = 'speaker') => Widget.Slider({
+        hexpand: true,
+        drawValue: false,
+        onChange: ({value}) => audio[type].volume = value,
+        value: audio[type].bind('volume')
+    })
+    
+    const speakerSlider = VolumeSlider('speaker')
+    const micSlider = VolumeSlider('microphone')
+    return Widget.Window({
+        child: [speakerSlider, micSlider]
+    })
+}
+
+// const audio = await Service.import('audio')
+
+// const vol = () => {
+//     const volumeIndicator = Widget.Button({
+//         on_clicked: () => audio.speaker.is_muted = !audio.speaker.is_muted,
+//         child: Widget.Icon().hook(audio.speaker, self => {
+//             const vol = audio.speaker.volume * 100;
+//             const icon = [
+//                 [101, 'overamplified'],
+//                 [67, 'high'],
+//                 [34, 'medium'],
+//                 [1, 'low'],
+//                 [0, 'muted'],
+//             ].find(([threshold]) => threshold <= vol)?.[1];
+    
+//             self.icon = `audio-volume-${icon}-symbolic`;
+//             self.tooltip_text = `Volume ${Math.floor(vol)}%`;
+//         }),
+//     })
+//     return Widget.Window({
+//         child: volumeIndicator
+//     })
+// }
+
+App.config({
+    style: "./style.css",
+    windows: [
+        vol()
+        // speakerSlider,
+        // micSlider
+    ],
+})