Dock

.config/waybar/16_horizontal_Dock_translucent/config.jsonc

@@ -0,0 +1,144 @@
+[
+    {
+        "position": "top",
+        "reload_style_on_change": true,
+        "margin-top": 8,
+        "modules-center": [
+            "clock",
+            "custom/cava",
+            "group/mpris-drawer",
+            "hyprland/workspaces",
+            "group/hide-tray",
+//            "pulseaudio",
+            "battery",
+            "custom/notification"
+        ],
+
+        "custom/cava": {
+            "format": "{}",
+            "exec": "$HOME/user_scripts/waybar/cava.sh --10 --clean"
+        },
+
+        "group/mpris-drawer": {
+            "orientation": "inherit",
+            "drawer": {
+                "transition-duration": "0.3",
+                "children-class": "mpris-drawer",
+                "click-to-reveal": false
+            },
+            "modules": ["custom/mpris-trigger", "mpris"]
+        },
+
+        "custom/mpris-trigger": {
+            "format": "♪",
+            "tooltip": false
+        },
+
+        "mpris": {
+            "format": "{player_icon} {title}",
+            "format-paused": "{status_icon} <i>{position} {artist}</i>",
+            "format-stopped": "",
+            "player-icons": {
+                "default": "",
+                "firefox": "",
+                "mpv": "",
+                "spotify": ""
+            },
+            "status-icons": {
+                "paused": ""
+            },
+            "max-length": 20
+        },
+
+        "clock": {
+            "format": "{:%I:%M %p}",
+            "format-alt": "{:%a, %b %d}",
+            "tooltip": false
+        },
+        "hyprland/workspaces": {
+            "format": "{icon}",
+            "format-icons": {
+                "active": "󰮯",
+                "visible": "",
+                "default": "󰊠",
+                "persistent": "󰊠"
+            },
+            "persistent-workspaces": {
+                "*": 4
+            },
+            "on-click": "activate",
+            "on-scroll-down": "hyprctl dispatch workspace e+1",
+            "on-scroll-up": "hyprctl dispatch workspace e-1"
+        },
+        "pulseaudio": {
+            "format": "{icon}  {volume}%",
+            "format-muted": "",
+            "format-icons": {
+                "headphone": "",
+                "hands-free": "󰋋",
+                "headset": "󰋋",
+                "phone": "",
+                "phone-muted": "",
+                "portable": "",
+                "car": "",
+                "default": [
+                    "",
+                    "",
+                    ""
+                ]
+            },
+            "on-scroll-up": "swayosd-client --output-volume raise",
+            "on-scroll-down": "swayosd-client --output-volume lower",
+            "on-click": "pavucontrol",
+            "ignored-sinks": [
+                "Easy Effects Sink"
+            ]
+        },
+        "tray": {
+            "spacing": 10
+        },
+        "group/hide-tray": {
+            "orientation": "inherit",
+            "drawer": {
+                "transition-duration": "0.5",
+                "children-class": "hide-tray-drawer",
+                "transition-left-to-right": true,
+                "click-to-reveal": false
+            },
+            "modules": ["custom/dropdown#arrow", "tray"]
+        },
+        "custom/dropdown#arrow": {
+            "format": "",
+            "tooltip": true,
+            "tooltip-format": "Reveal tray"
+        },
+        "battery": {
+            "format": "{icon}",
+            "format-charging": "",
+            "format-icons": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"],
+            "interval": 5,
+            "tooltip-format": "{timeTo}\nHealth: {health}%"
+        },
+        "custom/notification": {
+            "tooltip": true,
+            "tooltip-format": "Left Click: Launch Overwatch\n Right Click: Do Not Disturb",
+            "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": "sleep 0.1 && swaync-client -t -sw",
+            "on-click-right": "swaync-client -d -sw",
+            "escape": true
+        }
+    }
+]

.config/waybar/16_horizontal_Dock_translucent/style.css

@@ -0,0 +1,179 @@
+@import url("../matugen/generated/waybar-colors.css");
+
+* {
+    border: none;
+    border-radius: 0px;
+
+    font-family: "Adwaita Sans", "JetBrainsMono Nerd Font Propo", sans-serif;
+    font-weight: 700;
+    font-size: 13px;
+
+    min-height: 16px;
+    margin: 0;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+.modules-center {
+    background: alpha(@surface, 0.6);
+    border-radius: 20px;
+    padding: 0 6px;
+}
+
+tooltip,
+tooltip.background,
+tooltip decoration,
+.tooltip {
+    background: transparent;
+    background-color: transparent;
+    border: none;
+    box-shadow: none;
+    border-radius: 0;
+}
+
+tooltip label {
+    color: @primary;
+    background-color: transparent;
+    padding: 4px 10px;
+    border-radius: 12px;
+}
+
+#workspaces {
+    padding: 6px 2px;
+    margin: 0 0 0 4px;
+}
+
+#workspaces button {
+    padding: 0px 2px;
+    margin: 0px 2px;
+    border-radius: 45px;
+    background-color: transparent;
+    color: alpha(@tertiary, 0.45);
+    transition: all 0.3s ease-in-out;
+}
+
+#workspaces button.active {
+    background: linear-gradient(135deg, @primary 0%, @secondary 100%);
+    color: @on_primary;
+    min-height: 16px;
+    min-width: 24px;
+    transition: all 0.3s ease-in-out;
+}
+
+#workspaces button:hover {
+    background: linear-gradient(135deg, @primary 50%, @secondary 100%);
+    color: @on_primary;
+    min-width: 20px;
+    background-size: 400% 400%;
+}
+
+#battery,
+#pulseaudio,
+#network,
+#clock,
+#custom-media,
+#window,
+#custom-launcher,
+#custom-notification,
+#submap {
+    background-color: transparent;
+    padding: 0px 6px;
+    margin: 3px 4px;
+    border-radius: 45px;
+    border: none;
+    box-shadow: none;
+}
+
+#clock {
+    color: @tertiary;
+    font-size: 12px;
+}
+
+#mpris {
+    color: @tertiary;
+    font-size: 12px;
+    background-color: transparent;
+    padding: 0 6px;
+    margin: 3px 4px;
+    border-radius: 45px;
+}
+
+#pulseaudio {
+    color: @tertiary;
+    font-size: 12px;
+}
+
+#network {
+    color: @secondary;
+    font-size: 12px;
+}
+
+#battery {
+    color: @secondary;
+    font-size: 12px;
+}
+
+#custom-notification {
+    color: @tertiary;
+    font-size: 12px;
+}
+
+#custom-cava {
+    color: @tertiary;
+    padding: 0 6px;
+    margin: 3px 4px;
+    border-radius: 45px;
+    background-color: transparent;
+}
+
+#custom-mpris-trigger {
+    color: @tertiary;
+    padding: 0 6px;
+    margin: 3px 0 3px 4px;
+    border-radius: 45px;
+    background-color: transparent;
+    font-size: 12px;
+}
+
+#custom-dropdown {
+    padding: 0 6px 0 12px;
+}
+
+#tray {
+    background-color: transparent;
+    padding: 0 6px;
+    margin: 3px 0;
+    border-radius: 45px;
+}
+
+#tray .passive {
+    -gtk-icon-effect: dim;
+}
+
+#tray .needs-attention {
+    -gtk-icon-effect: highlight;
+    background-color: @accent;
+}
+
+.hide-tray-drawer {
+    background-color: transparent;
+    border-radius: 20px;
+    margin-right: 8px;
+}
+
+.cava-mpris-drawer {
+    background-color: transparent;
+}
+
+.mpris-drawer {
+    background-color: transparent;
+}
+
+#hide-tray {
+    background: transparent;
+    border-radius: 20px;
+    margin-right: 8px;
+    padding: 4px 0;
+}