update: huge style update

.config/waybar/config.jsonc

@@ -1,19 +1,23 @@
 {
   "position": "bottom",
   "layer": "top",
-  "modules-left": ["group/workspaces-group", "custom/media"],
-  "modules-center": [],
-  "modules-right": [
+  "modules-left": [
+    "~/.config/waybar/modules/tray.jsonc",
     "tray",
+    "custom/media",
+  ],
+  "modules-center": [
+    "group/workspaces-group",
+  ],
+  "modules-right": [
     "group/pulseaudio-group",
-    "group/network-group",
     "group/power-group",
+    "group/network-group",
     "clock",
   ],
   "include": [
     "~/.config/waybar/modules/workspaces.jsonc",
     "~/.config/waybar/modules/network.jsonc",
-    "~/.config/waybar/modules/tray.jsonc",
     "~/.config/waybar/modules/pulseaudio.jsonc",
     "~/.config/waybar/modules/power.jsonc",
     "~/.config/waybar/modules/mediaplayer.jsonc",

.config/waybar/modules/add/waybar-date.sh

@@ -1,2 +0,0 @@
-#!/bin/bash
-date +"%a %d"

.config/waybar/modules/clock.jsonc

@@ -1,5 +1,23 @@
 {
   "clock": {
-    "format": " {:%H:%M}",
+    "format": "{:%H:%M}",
+    "tooltip-format": "<span>{calendar}</span>",
+    "calendar": {
+      "mode": "month",
+      "mode-mon-col": 3,
+      "on-scroll": 1,
+      "on-click-right": "mode",
+      "format": {
+        "months": "<span color='#3881c3'><b>{}</b></span>",
+        "weekdays": "<span color='#cb7194'><b>{}</b></span>",
+        "today": "<span color='#3881c3'><b>{}</b></span>"
+      }
+    },
+    "actions": {
+      "on-click": "shift_reset",
+      "on-click-right": "mode",
+      "on-scroll-up": "shift_up",
+      "on-scroll-down": "shift_down"
+    },
   },
 }

.config/waybar/modules/language.jsonc

@@ -1,7 +0,0 @@
-{
-  "hyprland/language": {
-    "format": " {}",
-    "format-en": "en",
-    "format-ru": "ru",
-  },
-}

.config/waybar/modules/network.jsonc

@@ -5,19 +5,19 @@
   },
 
   "bluetooth": {
-    "format": "",
-    "format-disabled": "Bd",
-    "format-connected": " ",
+    "format": "",
+    "format-disabled": "󰂲",
+    "format-connected": "",
     "on-click": "kitty bluetui",
     "tooltip-format": "{device_enumerate}",
     "tooltip-format-enumerate-connected": "{device_alias}",
   },
   "network": {
     "format": "{ifname}",
-    "format-disabled": "Wd",
-    "format-wifi": " ",
-    "format-ethernet": "󰈀 ",
-    "format-disconnected": "󰖪 ",
+    "format-disabled": "󰤮",
+    "format-wifi": "󰖩",
+    "format-ethernet": "󰈀",
+    "format-disconnected": "󰖪",
     "tooltip-format-wifi": "{essid}",
     "tooltip-format-ethernet": "{ipaddr}",
     "on-click": "~/.config/rofi/network-manager/run_manager.sh",

.config/waybar/modules/power.jsonc

@@ -6,15 +6,16 @@
 
   "battery": {
     "format": "{icon}",
-    "format-icons": [" ", " ", " ", " ", " "],
-    "format-charging": " ",
+    // "format-icons": [" ", " ", " ", " ", " "],
+    "format-icons": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"],
+    "format-charging": " {capacity}%",
     "tooltip-format": "{capacity}% {timeTo}",
   },
   "backlight": {
     "device": "intel_backlight",
     "format": "{icon}",
     "format-icons": ["", "", "", "", "", "", "", "", ""],
-    "smooth-scrolling-threshold": 1, // This value was tested using a trackpad, it should be lowered if using a mouse.
+    "smooth-scrolling-threshold": 1,
     "on-scroll-down": "brightnessctl --class='backlight' set 5%+",
     "on-scroll-up": "brightnessctl --class='backlight' set 5%-",
     "on-click": "python $HOME/.config/hypr/scripts/swww.py",

.config/waybar/modules/tray.jsonc

@@ -2,11 +2,9 @@
   "tray": {
     "icon-size": 14,
     "spacing": 10,
+    "show-passive-items": true,
     "icons": {
       "Spotify": " ",
-      "Steam": "",
-      "Telegram Desktop": "",
-      "Mattermost Desktop": "",
     },
   },
 }

.config/waybar/modules/workspaces.jsonc

@@ -12,18 +12,18 @@
       "empty": "",
     },
     "all-outputs": false,
-    "on-scroll-up": "hyprctl dispatch focusworkspaceoncurrentmonitor r-1",
-    "on-scroll-down": "hyprctl dispatch focusworkspaceoncurrentmonitor r+1",
+    "on-scroll-up": "workspace-change next",
+    "on-scroll-down": "workspace-change previous",
     "format-icons": {
-      "active": "",
-      "default": "",
+      "active": "󰣠",   // 
+      "default": "󰣇",  // 
     },
   },
   "hyprland/windowcount": {
-    "format": "{}",
+    "format": "{icon}",
     "format-empty": "{}",
     "format-windowed": "{}",
     "separate-outputs": true,
-    "on-click": "rofi -show window",
+    "on-click": "rofi -show",
   },
 }

.config/waybar/style.css

@@ -1,3 +1,11 @@
+/* Colors */
+@define-color primary_fg rgba(205, 223, 240, 1);
+@define-color primary_bg rgba(44, 44, 44, 0.42);
+@define-color primary_bd rgba(205, 223, 240, 0.3);
+@define-color tooltip_bg rgba(32, 33, 44, 0.6);
+
+
+/* General */
 * {
   border: none;
   font-family: "JetBrains Mono Nerd Font";
@@ -5,78 +13,126 @@
   font-weight: 700;
   font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
   min-height: 20px;
-  color: #c0caf5;
+  color: @primary_fg;
 }
 
 window#waybar {
   background: transparent;
 }
 
+
+/* Common */
 tooltip,
 #clock,
 #tray,
-#language,
 #custom-media,
 #network-group,
 #pulseaudio-group,
 #workspaces-group,
 #power-group {
-  border: 2px solid rgba(192, 202, 245, 0.5);
+  border: 2px solid @primary_bd;
   border-radius: 11px;
-  background-color: rgba(32, 33, 44, 0.42);
+  background-color: @primary_bg;
   padding-top: 1px;
   margin-bottom: 2px;
   margin-top: 1px;
 }
 
+
+/* Tooltip */
 tooltip {
-  background: rgba(32, 33, 44, 0.82);
+  background: @tooltip_bg;
 }
 tooltip label {
 }
 
-#hyprland-group,
-#custom-media {
+
+/* Groups */
+#hyprland-group {
   margin-left: 5px;
 }
 
-#clock,
-#power-group,
-#network-group,
-#pulseaudio-group,
-#tray {
+#pulseaudio-group {
   margin-right: 5px;
 }
 
-#pulseaudio,
-#custom-media,
-#network,
-#battery,
-#clock,
-#tray,
-#language,
-#backlight,
-#bluetooth,
-#windowcount {
+#power-group {
+  margin-right: 5px;
+}
+
+#network-group {
+  margin-right: 5px;
+}
+
+
+/* Parts */
+#tray * {
+  /* margin-right: 5px; */
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+#tray {
+  margin-right: 5px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+#custom-media {
+  margin-left: 5px;
   padding-left: 12px;
   padding-right: 12px;
 }
 
+
+#windowcount {
+  padding-left: 12px;
+  padding-right: 4px;
+}
+
 #workspaces button {
   padding-left: 4px;
-  padding-left: 4px;
 }
 
-#windowcount {
-  padding-right: 4px;
-}
-#network,
-#battery {
-  padding-left: 6px;
-}
-#workspaces,
-#pulseaudio.input,
-#backlight,
-#bluetooth {
+#workspaces {
   padding-right: 6px;
 }
+
+
+#pulseaudio {
+  padding-left: 8px;
+  padding-right: 6px;
+}
+
+#pulseaudio.input {
+  padding-right: 6px;
+}
+
+
+#backlight {
+  padding-left: 12px;
+  padding-right: 6px;
+}
+
+#battery {
+  padding-right: 12px;
+  padding-left: 6px;
+}
+
+
+#bluetooth {
+  padding-left: 12px;
+  padding-right: 6px;
+}
+
+#network {
+  padding-left: 6px;
+  padding-right: 17px;
+}
+
+
+#clock {
+  margin-right: 5px;
+  padding-left: 12px;
+  padding-right: 12px;
+}