dusky skibidi

.config/waybar/horizontal_block/config.jsonc

@@ -42,6 +42,7 @@
   "group/right1": {
     "orientation": "horizontal",
     "modules": [
+      "custom/notification",
       "backlight", 
       "network",
       "bluetooth",
@@ -88,7 +89,29 @@
         "class<vlc>": "󰕼",
         "class<Code>": "󰨞",
         "class<thunar>": "󰝰"
-    }
+    },
+    "on-scroll-up": "hyprctl dispatch workspace e-1",
+    "on-scroll-down": "hyprctl dispatch workspace e+1"
+  },
+  "custom/notification": {
+      "format": "{icon}",
+      "format-icons": {
+          "notification": "󱅫",
+          "none": "󰂚",
+          "dnd-notification": "󱏧",
+          "dnd-none": "󰂛",
+          "inhibited-notification": "󱅫",
+          "inhibited-none": "󰂚",
+          "dnd-inhibited-notification": "󱏧",
+          "dnd-inhibited-none": "󰂛"
+      },
+      "return-type": "json",
+      "exec-if": "which swaync-client",
+      "exec": "swaync-client -swb",
+      "on-click": "swaync-client -t -sw",
+      "on-click-right": "swaync-client -d -sw",
+      "escape": true,
+      "tooltip-format": "Notifications\n\nLMB: Toggle Panel\nRMB: Do Not Disturb"
   },
   "custom/updates": {
     "format": " {}",
@@ -194,6 +217,7 @@
   "mpris": {
     "format": "{player_icon} {title}",
     "format-paused": "{status_icon} <i>{title}</i>",
+    "format-stopped": "",
     "max-length": 30,
     "player-icons": {
       "default": "",

.config/waybar/horizontal_block/style.css

@@ -5,9 +5,9 @@
   border: none;
   border-radius: 0px;
   min-height: 0;
-  font-family: 'JetBrainsMono Nerd Font', Roboto, Helvetica, Arial, sans-serif;
+  font-family: "JetBrainsMono Nerd Font Propo", 'JetBrainsMono Nerd Font', Roboto, Helvetica, Arial, sans-serif;
   font-weight: bold;
-  font-size: 13px; 
+  font-size: 11px; 
 }
 
 window#waybar {
@@ -16,10 +16,10 @@ window#waybar {
 
 window#waybar > box {
   border-radius: 8px;
-  border: 1px solid alpha(@outline, 0.5); 
+  border: 1px solid alpha(@outline, 0.2); 
   margin: 4px;
   background-color: alpha(@background, 0.95);
-  box-shadow: 0px 4px 4px 0px @shadow;
+  box-shadow: 0px 4px 4px 0px alpha(@shadow, 0.25);
   transition-property: background-color;
   transition-duration: .5s;
 }
@@ -77,22 +77,41 @@ window#waybar > box {
 #cpu,
 #memory,
 #battery,
+#custom-notification,
 #backlight,
 #network,
 #mpris,
 #bluetooth,
 #pulseaudio,
 #custom-power {
   margin: 0px 4px;
-  padding: 0 2px;
+  padding: 0px 2px;
   color: @on_surface;
 }
 
+#mpris {
+    background-color: alpha(@surface_container, 0.5);
+    border-radius: 6px;
+    margin: 3px 2px;
+    padding: 0px 10px;
+    border: 1px solid alpha(@surface_container_highest, 0.3);
+    color: @on_surface;
+}
+
+#mpris.stopped {
+    padding: 0px;
+    margin: 0px;
+    font-size: 0px;
+    min-width: 0px;
+    background: transparent;
+    border: none;
+}
+
 #clock { color: @primary; }
 
 #custom-launcher {
     color: @secondary;
-    font-size: 16px;
+    font-size: 11px;
     margin-right: 8px;
 }
 
@@ -116,7 +135,7 @@ window#waybar > box {
     color: @on_error;
     background-color: @error;
     border-radius: 4px;
-    padding: 0 4px;
+    padding: 0px 4px;
 }
 
 @keyframes blink {

.config/waybar/horizontal_block_icon/config.jsonc

@@ -17,8 +17,7 @@
     "hyprland/workspaces"
   ],
   "modules-right": [
-    "group/right3",
-    "group/right2",
+    "mpris", 
     "group/right1"
   ],
   // --- GROUPS ---
@@ -46,29 +45,19 @@
   "group/right1": {
     "orientation": "horizontal",
     "modules": [
-      "custom/power"
-    ]
-  },
-  "group/right2": {
-    "orientation": "horizontal",
-    "modules": [
-      "backlight",
-      /*"network",*/
-      /*"bluetooth",*/
+      "custom/notification",
+      "backlight", 
+      "network",
+      "bluetooth",
       "pulseaudio#output",
       /*"pulseaudio#input",*/
       "memory",
       "cpu",
       "battery",
-      "custom/notification"
-    ]
-  },
-  "group/right3": {
-    "orientation": "horizontal",
-    "modules": [
-      "mpris"
+      "custom/power"
     ]
   },
+
   // --- MODULES ---
   "custom/launcher": {
     "format": "",
@@ -108,8 +97,30 @@
       "class<org.telegram.desktop>": "",
       "class<com.obsproject.Studio>": "󰑋",
       "class<obsidian>": ""
-    }
+    },
+    "on-scroll-up": "hyprctl dispatch workspace e-1",
+    "on-scroll-down": "hyprctl dispatch workspace e+1"
   },
+  "custom/notification": {
+          "format": "{icon}",
+          "format-icons": {
+              "notification": "󱅫",
+              "none": "󰂚",
+              "dnd-notification": "󱏧",
+              "dnd-none": "󰂛",
+              "inhibited-notification": "󱅫",
+              "inhibited-none": "󰂚",
+              "dnd-inhibited-notification": "󱏧",
+              "dnd-inhibited-none": "󰂛"
+          },
+          "return-type": "json",
+          "exec-if": "which swaync-client",
+          "exec": "swaync-client -swb",
+          "on-click": "swaync-client -t -sw",
+          "on-click-right": "swaync-client -d -sw",
+          "escape": true,
+          "tooltip-format": "Notifications\n\nLMB: Toggle Panel\nRMB: Do Not Disturb"
+      },
   "custom/updates": {
     "format": " {}",
     "exec": "checkupdates 2>/dev/null | wc -l || echo 0",
@@ -239,6 +250,7 @@
   "mpris": {
     "format": "{player_icon} {title}",
     "format-paused": "{status_icon} <i>{title}</i>",
+    "format-stopped": "",
     "max-length": 30,
     "player-icons": {
       "default": "",

.config/waybar/horizontal_block_icon/style.css

@@ -5,9 +5,9 @@
   border: none;
   border-radius: 0px;
   min-height: 0;
-  font-family: 'JetBrainsMono Nerd Font Propo', Roboto, Helvetica, Arial, sans-serif;
+  font-family: "JetBrainsMono Nerd Font Propo", 'JetBrainsMono Nerd Font', Roboto, Helvetica, Arial, sans-serif;
   font-weight: bold;
-  font-size: 13px; 
+  font-size: 11px; 
 }
 
 window#waybar {
@@ -16,10 +16,10 @@ window#waybar {
 
 window#waybar > box {
   border-radius: 8px;
-  border: 1px solid alpha(@outline, 0.5); 
+  border: 1px solid alpha(@outline, 0.2);
   margin: 4px;
   background-color: alpha(@background, 0.9);
-  box-shadow: 0px 4px 4px 0px @shadow;
+  box-shadow: 0px 4px 4px 0px alpha(@shadow, 0.25);
   transition-property: background-color;
   transition-duration: .5s;
 }
@@ -29,7 +29,7 @@ window#waybar > box {
   background-color: alpha(@surface_container, 0.5);
   border-radius: 6px;
   margin: 3px 2px;
-  padding: 0px 8px 0px 8px;
+  padding: 0px 10px;
   border: 1px solid alpha(@surface_container_highest, 0.3);
 }
 
@@ -42,7 +42,7 @@ window#waybar > box {
 }
 
 #workspaces button {
-  padding: 0px 10px 0px 10px;
+  padding: 0px 10px;
   margin: 4px 2px;
   border-radius: 4px;
   background-color: @surface_container_highest;
@@ -77,6 +77,7 @@ window#waybar > box {
 #cpu,
 #memory,
 #battery,
+#custom-notification,
 #backlight,
 #network,
 #mpris,
@@ -85,15 +86,33 @@ window#waybar > box {
 #custom-notification,
 #custom-power {
   margin: 0px 4px;
-  padding: 0 2px;
+  padding: 0px 2px;
   color: @on_surface;
 }
 
+#mpris {
+    background-color: alpha(@surface_container, 0.5);
+    border-radius: 6px;
+    margin: 3px 2px;
+    padding: 0px 10px;
+    border: 1px solid alpha(@surface_container_highest, 0.3);
+    color: @on_surface;
+}
+
+#mpris.stopped{
+    padding: 0px;
+    margin: 0px;
+    font-size: 0px;
+    min-width: 0px;
+    background: transparent;
+    border: none;
+}
+
 #clock { color: @primary; }
 
 #custom-launcher {
     color: @secondary;
-    font-size: 16px;
+    font-size: 11px;
     margin-right: 8px;
 }
 
@@ -117,7 +136,7 @@ window#waybar > box {
     color: @on_error;
     background-color: @error;
     border-radius: 4px;
-    padding: 0 4px;
+    padding: 0px 4px;
 }
 
 @keyframes blink {

.config/waybar/horizontal_minimal/config.jsonc

@@ -40,7 +40,9 @@
         "format": "",
         "on-click": "activate",
         "sort-by-number": true,
-        "persistent-workspaces": {}
+        "persistent-workspaces": {},
+		"on-scroll-up": "hyprctl dispatch workspace e-1",
+		"on-scroll-down": "hyprctl dispatch workspace e+1"
     },
 
     "group/stats": {
@@ -86,13 +88,13 @@
     "custom/notification": {
         "format": "{icon}",
         "format-icons": {
-            "notification": "<span foreground='red'><sup></sup></span>",
+            "notification": "󱅫",
             "none": "",
-            "dnd-notification": "<span foreground='red'><sup></sup></span>",
+            "dnd-notification": "",
             "dnd-none": "",
-            "inhibited-notification": "<span foreground='red'><sup></sup></span>",
+            "inhibited-notification": "",
             "inhibited-none": "",
-            "dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
+            "dnd-inhibited-notification": "",
             "dnd-inhibited-none": ""
         },
         "return-type": "json",