Waybar: Split date & time into 2 widgets + moved dnd toggle to left.

.config/waybar/config

@@ -5,6 +5,7 @@
     "modules-left": [
 		"hyprland/workspaces",
 		"tray",
+		"custom/dnd-toggle",
 		"network",
 		"bluetooth",
 		"pulseaudio#output",
@@ -21,10 +22,8 @@
 		"custom/cpu-temp",
 		"cpu",
 		"clock#date",
-		"clock#time",
-		"custom/dnd-toggle"
+		"clock#time"
 	],
-
     "hyprland/workspaces": {
         "disable-scroll": true,
         "all-outputs": false,
@@ -93,6 +92,19 @@
         "format-source": "󰍬 {volume}%",
         "format-source-muted": "󰍭 {volume}%"
 	},
+	"custom/dnd-toggle": {
+		"exec": "$HOME/.scripts/waybar-dnd-toggle.sh --no-toggle",
+		"interval": "once",
+		"on-click": "$HOME/.scripts/waybar-dnd-toggle.sh; pkill -SIGRTMIN+2 waybar",
+		"signal": 2,
+		"tooltip": false,
+		"return-type": "json",
+		"format": "{icon} NF",
+		"format-icons": {
+			"dnd-enabled": "󰂛",
+			"dnd-disabled": "󰂚"
+		}
+	},
 	"mpris": {
 		"interval": 2,
 		"format": " {status_icon} {title}",
@@ -205,18 +217,5 @@
 		"interval": 1,
 		"format": "󰥔 {:%EX}",
 		"tooltip": false
-	},
-	"custom/dnd-toggle": {
-		"exec": "$HOME/.scripts/waybar-dnd-toggle.sh --no-toggle",
-		"interval": "once",
-		"on-click": "$HOME/.scripts/waybar-dnd-toggle.sh; pkill -SIGRTMIN+2 waybar",
-		"signal": 2,
-		"tooltip": false,
-		"return-type": "json",
-		"format": "{icon} {}",
-		"format-icons": {
-			"dnd-enabled": "󰂛",
-			"dnd-disabled": "󰂚"
-		}
 	}
 }

.config/waybar/style.css

@@ -50,6 +50,7 @@
 #network,
 #bluetooth,
 #pulseaudio,
+#custom-dnd-toggle,
 #custom-media,
 #window,
 #backlight,
@@ -59,8 +60,7 @@
 #memory,
 #custom-cpu-temp,
 #cpu,
-#clock,
-#custom-dnd-toggle { 
+#clock { 
 	padding: 2px 6px;
 }
 
@@ -75,12 +75,12 @@
 */
 
 #pulseaudio,
+#custom-dnd-toggle.dnd-disabled,
 #backlight,
 #custom-gpu-temp,
 #custom-gpu-usage,
 #custom-cpu-temp,
-#cpu,
-#custom-dnd-toggle.dnd-disabled {
+#cpu {
  	color: @accent1;
 }