feat(waybar): better calendar

.config/waybar/style.css

@@ -54,6 +54,7 @@ window#waybar {
 
 #clock {
   color: @foreground;
+  font-weight: bold;
 }
 
 #battery {

.config/waybar/sway-modules.json

@@ -14,7 +14,7 @@
 		"format-alt": " {usage}% @ {avg_frequency}GHz"
 	},
 	"memory": {
-    "format": "󰍛 {used:0.1f}G / {total:0.1f}G",
+		"format": "󰍛 {used:0.1f} / {total:0.1f}G",
 		"format-alt": "󰓡 Swap: {swapUsed:0.1f}G / {swapTotal:0.1f}G"
 	},
 	"network": {
@@ -35,11 +35,36 @@
 		"format-charging": "󰉁 {capacity}%",
 		"format-plugged": " {capacity}%",
 		"format-alt": "{icon} ETA: {time}",
-    "format-icons": ["", "", "", "", ""]
+		"format-icons": [
+			"",
+			"",
+			"",
+			"",
+			""
+		]
 	},
 	"clock": {
-    "format": "{:󰅐 %H:%M   %m-%d}",
+		"format": "{:󰅐 %H:%M}",
-    "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
+		"format-alt": "{: %m-%d}",
+		"tooltip-format": "<tt><small>{calendar}</small></tt>",
+		"calendar": {
+			"mode": "year",
+			"mode-mon-col": 3,
+			"on-scroll": 1,
+			"on-click-right": "mode",
+			"format": {
+				"months": "<span color='#98971a'><b>{}</b></span>",
+				"days": "<span color='#ebdbb2'><b>{}</b></span>",
+				"weeks": "<span color='#458588'><b>W{}</b></span>",
+				"weekdays": "<span color='#d79921'><b>{}</b></span>",
+				"today": "<span color='#d65d0e'><b><u>{}</u></b></span>"
+			}
+		},
+		"actions": {
+			"on-click-right": "mode",
+			"on-scroll-down": "shift_up",
+			"on-scroll-up": "shift_down"
+		}
 	},
 	"custom/notification": {
 		"tooltip": true,