simpler waybar + andvanced notification for display brightness change

dot-config/hypr/hyprland.conf

@@ -334,8 +334,8 @@ bindel = ,XF86AudioRaiseVolume, exec, wpctl set-volume -l 1 @DEFAULT_AUDIO_SINK@
 bindel = ,XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
 bindel = ,XF86AudioMute, exec, wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle
 bindel = ,XF86AudioMicMute, exec, wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle
-bindel = ,XF86MonBrightnessUp, exec, brightnessctl -e4 -n2 set 5%+
-bindel = ,XF86MonBrightnessDown, exec, brightnessctl -e4 -n2 set 5%-
+bindel = ,XF86MonBrightnessUp, exec, ~/.config/hypr/scripts/brightness.sh 5%+
+bindel = ,XF86MonBrightnessDown, exec, ~/.config/hypr/scripts/brightness.sh 5%-
 
 # Requires playerctl
 bindl = , XF86AudioNext, exec, playerctl next

dot-config/hypr/scripts/brightness.sh

@@ -0,0 +1,14 @@
+#!/bin/sh
+
+# Apply the brightness change passed as an argument (e.g., 5%+ or 5%-)
+brightnessctl -e4 -n2 set "$1"
+
+PERCENT=$(brightnessctl -m | awk -F, '{print $4}' | tr -d '%')
+
+notify-send -i display-brightness-symbolic \
+    -h int:transient:1 \
+    -h int:SWAYNC_BYPASS_DND:1 \
+    -h string:x-canonical-private-synchronous:brightness \
+    -h int:value:"$PERCENT" \
+    -t 1500 \
+    "Brightness: ${PERCENT}%"

dot-config/waybar/config.jsonc

@@ -12,7 +12,7 @@
         "custom/layout"
     ],
     "modules-center": ["clock"],
-    "modules-right": ["network#vpn", "network", "backlight", "battery", "pulseaudio", "bluetooth", "custom/notification"],
+    "modules-right": ["network#vpn", "network", "battery", "pulseaudio", "bluetooth", "custom/notification"],
 
     "custom/notification": {
         "tooltip": false,
@@ -90,12 +90,14 @@
     },
 
     "network": {
-        "format-wifi": "  {essid}",
-        "format-ethernet": "󰈀  {ipaddr}/{cidr}",
-        "format-linked": "󰈀  {ifname} (No IP)",
-        "format-disconnected": "󰖪  Disconnected",
-        "tooltip-format": "{ifname} via {gwaddr} ",
-        "format-alt": "{ifname}: {ipaddr}/{cidr}"
+        "format-wifi": " ",
+        "format-ethernet": "󰈀 ",
+        "format-linked": "󰈀 (No IP)",
+        "format-disconnected": "󰖪 ",
+        "tooltip-format-wifi": "SSID: {essid}\nIP: {ipaddr}",
+        "tooltip-format-ethernet": "Interface: {ifname}\nIP: {ipaddr}/{cidr}",
+        "tooltip-format-disconnected": "Disconnected",
+        "format-alt": "  {essid} | {ipaddr}/{cidr}"
     },
 
     "network#vpn": {
@@ -125,6 +127,9 @@
 
     "bluetooth": {
         "format": "󰂯  {status}",
+        "format-off": "󰂯  off",
+        "format-disabled": "󰂯  off",
+        "format-on": "󰂯  on",
         "format-connected": "󰂱  {device_alias}",
         "format-connected-battery": "󰂱  {device_alias} {device_battery_percentage}%",
         "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",

dot-config/waybar/theme.css

@@ -1,19 +1,19 @@
-@define-color bg rgba(225, 226, 231, 0.9);
-@define-color bg_workspace rgba(225, 226, 231, 0.6);
-@define-color bg_module rgba(204, 208, 218, 0.9);
-@define-color text #4c4f69;
-@define-color active_text #1e66f5;
-@define-color inactive_text #8c8fa1;
-@define-color urgent #d20f39;
-@define-color occupied #8839ef;
-@define-color active_border #1e66f5;
-@define-color active_bg1 rgba(30, 102, 245, 0.2);
-@define-color active_bg2 rgba(32, 159, 181, 0.2);
-@define-color hover_bg rgba(4, 165, 229, 0.2);
-@define-color hover_border #04a5e5;
-@define-color clock #1e66f5;
-@define-color network #40a02b;
-@define-color backlight #df8e1d;
-@define-color battery #1e66f5;
-@define-color bluetooth #8839ef;
-@define-color tooltip_bg rgba(225, 226, 231, 0.95);
+@define-color bg rgba(26, 27, 38, 0.8);
+@define-color bg_workspace rgba(26, 27, 38, 0.5);
+@define-color bg_module rgba(36, 40, 59, 0.8);
+@define-color text #ffffff;
+@define-color active_text #33ccff;
+@define-color inactive_text #565f89;
+@define-color urgent #f7768e;
+@define-color occupied #bb9af7;
+@define-color active_border #33ccff;
+@define-color active_bg1 rgba(51, 204, 255, 0.2);
+@define-color active_bg2 rgba(0, 255, 153, 0.2);
+@define-color hover_bg rgba(122, 162, 247, 0.2);
+@define-color hover_border #7aa2f7;
+@define-color clock #7aa2f7;
+@define-color network #9ece6a;
+@define-color backlight #e0af68;
+@define-color battery #33ccff;
+@define-color bluetooth #bb9af7;
+@define-color tooltip_bg rgba(26, 27, 38, 0.9);