From 2a79716b11ae00dcd80060a0ea2f3bd9e3d52a40 Mon Sep 17 00:00:00 2001 From: dim-ghub <59436063+dim-ghub@users.noreply.github.com> Date: Wed, 4 Mar 2026 09:53:41 -0600 Subject: [PATCH 1/2] Create config.jsonc --- .../config.jsonc | 144 ++++++++++++++++++ 1 file changed, 144 insertions(+) create mode 100644 .config/waybar/16_horizontal_Dock_translucent/config.jsonc diff --git a/.config/waybar/16_horizontal_Dock_translucent/config.jsonc b/.config/waybar/16_horizontal_Dock_translucent/config.jsonc new file mode 100644 index 00000000..a1449238 --- /dev/null +++ b/.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} {position} {artist}", + "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 + } + } +] From 1b00128bff6d5183ab5f488c5996f84bd4926770 Mon Sep 17 00:00:00 2001 From: dim-ghub <59436063+dim-ghub@users.noreply.github.com> Date: Wed, 4 Mar 2026 09:54:07 -0600 Subject: [PATCH 2/2] Create style.css --- .../16_horizontal_Dock_translucent/style.css | 179 ++++++++++++++++++ 1 file changed, 179 insertions(+) create mode 100644 .config/waybar/16_horizontal_Dock_translucent/style.css diff --git a/.config/waybar/16_horizontal_Dock_translucent/style.css b/.config/waybar/16_horizontal_Dock_translucent/style.css new file mode 100644 index 00000000..1eaeadf7 --- /dev/null +++ b/.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; +}