diff --git a/.config/waybar/config b/.config/waybar/config new file mode 100644 index 0000000..bd1a24b --- /dev/null +++ b/.config/waybar/config @@ -0,0 +1,69 @@ +{ + "height": 30, // Waybar height (to be removed for auto height) + "spacing": 4, // Gaps between modules (4px) + "modules-left": ["wlr/workspaces"], + "modules-center": [], + "modules-right": ["custom/playerctl", "idle_inhibitor", "pulseaudio", "clock", "tray","custom/swaync"], + "idle_inhibitor": { + "format": "{icon}", + "format-icons": { + "activated": "", + "deactivated": "" + } + }, + "tray": { + // "icon-size": 21, + "spacing": 10 + }, + "clock": { + // "timezone": "America/New_York", + "tooltip-format": "{:%Y %B}\n{calendar}", + "format-alt": "{:%Y-%m-%d}" + }, + "pulseaudio": { + "scroll-step": 5, + "format": "{volume}% {icon} {format_source}", + "format-muted": " {format_source}", + "format-source": "", + "format-source-muted": "", + "format-icons": { + "default": ["", "", ""] + }, + "on-click-middle": "pavucontrol", + "on-click":"$XDG_CONFIG_HOME/waybar/mute-toggle.sh", + "tooltip":false, + "max-volume":150 + }, + "custom/playerctl": { + "format": "{}", + "on-click":"playerctl --player=spotify,%any play-pause", + "on-click-right":"playerctl --player=spotify,%any next", + "on-scroll-up":"playerctl --player=spotify,%any volume 0.05+", + "on-scroll-down":"playerctl --player=spotify,%any volume 0.05-", + "exec": "playerctl --player=spotify,%any -f '{{title}} - {{artist}}' metadata -F 2>/dev/null", + "max-length":50, + "tooltip":false + }, + "custom/swaync":{ + "tooltip": false, + "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": "swaync-client -t -sw", + "on-click-right": "swaync-client -d -sw", + "escape": true + } +} + +// vim:set filetype=jsonc : diff --git a/.config/waybar/mute-toggle.sh b/.config/waybar/mute-toggle.sh new file mode 100755 index 0000000..fcd0a3e --- /dev/null +++ b/.config/waybar/mute-toggle.sh @@ -0,0 +1,11 @@ +#!/usr/bin/env sh + +wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle + +if pactl get-source-mute @DEFAULT_SOURCE@ | grep yes; then + # Muted + mpv "$XDG_CONFIG_HOME/waybar/mute.wav" --volume=60 +else + # Not muted + mpv "$XDG_CONFIG_HOME/waybar/unmute.wav" --volume=60 +fi diff --git a/.config/waybar/mute.wav b/.config/waybar/mute.wav new file mode 100644 index 0000000..34f9cdf Binary files /dev/null and b/.config/waybar/mute.wav differ diff --git a/.config/waybar/style.css b/.config/waybar/style.css new file mode 100644 index 0000000..405dac8 --- /dev/null +++ b/.config/waybar/style.css @@ -0,0 +1,296 @@ +* { + /* `otf-font-awesome` is required to be installed for icons */ + font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-size: 13px; +} + +window#waybar { + background-color: rgba(43, 48, 59, 0.5); + border-bottom: 3px solid rgba(100, 114, 125, 0.5); + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +/* +window#waybar.empty { + background-color: transparent; +} +window#waybar.solo { + background-color: #FFFFFF; +} +*/ + +window#waybar.termite { + background-color: #3F3F3F; +} + +window#waybar.chromium { + background-color: #000000; + border: none; +} + +button { + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each button name */ + border: none; + border-radius: 0; +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +button:hover { + background: inherit; + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button { + padding: 0 5px; + background-color: transparent; + color: #ffffff; +} + +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); +} + +#workspaces button.focused { + background-color: #64727D; + box-shadow: inset 0 -3px #ffffff; +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#custom-media, +#tray, +#mode, +#idle_inhibitor, +#scratchpad, +#mpd { + padding: 0 10px; + color: #ffffff; +} + +#window, +#workspaces { + margin: 0 4px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +#clock { + background-color: #64727D; +} + +#battery { + background-color: #ffffff; + color: #000000; +} + +#battery.charging, #battery.plugged { + color: #ffffff; + background-color: #26A65B; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f53c3c; + color: #ffffff; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#cpu { + background-color: #2ecc71; + color: #000000; +} + +#memory { + background-color: #9b59b6; +} + +#disk { + background-color: #964B00; +} + +#backlight { + background-color: #90b1b1; +} + +#network { + background-color: #2980b9; +} + +#network.disconnected { + background-color: #f53c3c; +} + +#pulseaudio { + background-color: #f1c40f; + color: #000000; +} + +#pulseaudio.muted { + background-color: #90b1b1; + color: #2a5c45; +} + +#wireplumber { + background-color: #fff0f5; + color: #000000; +} + +#wireplumber.muted { + background-color: #f53c3c; +} + +#custom-media { + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; +} + +#custom-media.custom-spotify { + background-color: #66cc99; +} + +#custom-media.custom-vlc { + background-color: #ffa000; +} + +#temperature { + background-color: #f0932b; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray { + background-color: #2980b9; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor { + background-color: #2d3436; +} + +#idle_inhibitor.activated { + background-color: #ecf0f1; + color: #2d3436; +} + +#mpd { + background-color: #66cc99; + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#language { + background: #00b093; + color: #740864; + padding: 0 5px; + margin: 0 5px; + min-width: 16px; +} + +#keyboard-state { + background: #97e1ad; + color: #000000; + padding: 0 0px; + margin: 0 5px; + min-width: 16px; +} + +#keyboard-state > label { + padding: 0 5px; +} + +#keyboard-state > label.locked { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad.empty { + background-color: transparent; +} + +#custom-playerctl { + padding: 0 10px; + background-color: #1DB954; /*Spotify green*/ +} + +#custom-swaync { + font-family: "NotoSansMono Nerd Font"; + padding: 0 10px; + color: #ffffff; + font-size: 17px; +} + +#workspaces button.active{ + background-color: #4B4952; +} diff --git a/.config/waybar/unmute.wav b/.config/waybar/unmute.wav new file mode 100644 index 0000000..6507042 Binary files /dev/null and b/.config/waybar/unmute.wav differ