feat: volume & brightness sliders;

experiment: trying to implement idle inhibitor

swaync/config.json

@@ -54,6 +54,7 @@
     "title",
     "buttons-grid",
     "volume",
+    "slider",
     "inhibitors",
     "dnd",
     "notifications",
@@ -70,6 +71,21 @@
       "clear-all-button": true,
       "button-text": "Purge notifications"
     },
+    "volume": {
+      "label": "󰕾 ",
+      "show-per-app": true,
+      "show-per-app-icon": true,
+      "show-per-app-label": true
+    },
+    "slider": {
+      "label": " ",
+      "cmd_setter": "brightnessctl s $value",
+      "cmd_getter": "brightnessctl g",
+      "min": 5000,
+      "min_limit": 5000,
+      "max": 120000,
+      "max_limit": 120000
+    },
     "dnd": {
       "text": "Don't bother"
     },
@@ -84,7 +100,7 @@
       "loop-carousel": false
     },
     "buttons-grid": {
-      "buttons-per-row": 7,
+      "buttons-per-row": 3,
       "actions": [
         {
           "label": "󰘊",
@@ -99,13 +115,18 @@
           "command": "sh -c '[[ $SWAYNC_TOGGLE_STATE == true ]] && bluetoothctl power on || bluetoothctl power off'",
           "update-command": "sh -c \'bluetoothctl show | awk \\\"/Powered/ {print \\$2}\\\" | grep -q yes && echo true || echo false\'"
         },
-         {
-          "label": "󰦝",
+        {
+          "label": "",
           "type": "toggle",
           "command": "sh -c '[[ $SWAYNC_TOGGLE_STATE == true ]] && mullvad connect || mullvad disconnect'",
           "update-command": "sh -c '[[ $(mullvad status | grep -e Connected ) == \"Connected\" ]] && echo true || echo false'"
+        },
+        {
+          "label": "",
+          "type": "toggle",
+          "command": "echo not implemented",
+          "update-command": "echo not implemented"
         }
-
       ]
     }
   }

swaync/style.css

@@ -2,6 +2,7 @@
   --cc-bg: #1c1c1cca;
   --noti-border-color: rgba(90, 104, 115, 0.5);
   --noti-bg: #1c1c1cca;
+  --noti-bg-alt:#1c1c1cca; 
   --noti-bg-alpha: 0.85;
   --noti-bg-darker: rgb(38, 38, 38);
   --noti-bg-hover: rgb(56, 56, 56);
@@ -366,7 +367,7 @@
 
 
 .widget-dnd switch slider {
-  border-radius: 12px;
+  border-radius: 12px; 
 }
 
 /* Label widget */
@@ -528,6 +529,10 @@
   border-radius: 12px;
 }
 
+.widget-volume label {
+  font-size: 28px;
+}
+
 .widget-volume trough highlight {
   background: var(--noti-bg-focus);
 }
@@ -551,8 +556,12 @@
   border-radius: 12px;
 }
 
+.widget-slider trough highlight {
+  background: var(--noti-bg-focus);
+}
+
 .widget-slider label {
-  font-size: inherit;
+  font-size: 28px;
 }
 
 /* Backlight widget */