From 84c4a158c86b1001cd6798aefb7de5da5991722b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sergio=20La=C3=ADn?= Date: Mon, 9 Oct 2023 00:57:37 +0200 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(waybar):=20new=20widgets,=20ch?= =?UTF-8?q?anged=20existing=20ones=20and=20style=20changes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .config/waybar/config | 711 --------------------------------------- .config/waybar/style.css | 61 +++- 2 files changed, 49 insertions(+), 723 deletions(-) delete mode 100644 .config/waybar/config diff --git a/.config/waybar/config b/.config/waybar/config deleted file mode 100644 index 21fcc768..00000000 --- a/.config/waybar/config +++ /dev/null @@ -1,711 +0,0 @@ -[ - { - "height": 50, - "layer": "top", - "output": "DP-1", - "mod": "dock", - "exclusive": true, - "passtrough": false, - "margin-top": 10, - "margin-left": 17, - "margin-bottom": 0, - "margin-right": 17, - "modules-left": [ - "custom/arch", - "hyprland/workspaces" - ], - "modules-center": [ - "custom/music" - ], - "modules-right": [ - "clock", - "pulseaudio", - "custom/notifications" - ], - "custom/arch": { - "format": "  ", - "tooltip": false, - "on-click": "wleave", - "on-click-right": "wleave" - }, - "custom/weather": { - "exec": "python3 ~/.config/waybar/scripts/weather.py", - "restart-interval": 300, - "return-type": "json", - "on-click": "xdg-open https://www.eltiempo.es/alicante.html" - }, - "custom/updates": { - "format": "{} {icon}", - "return-type": "json", - "format-icons": { - "has-updates": "󱍷", - "updated": "󰂪" - }, - "exec-if": "which waybar-module-pacman-updates", - "exec": "waybar-module-pacman-updates" - }, - "custom/notifications": { - "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 - }, - "hyprland/workspaces": { - "disable-scroll": true, - "all-outputs": false, - "enable-bar-scroll": true, - "format": "{icon}", - "format-icons": { - "1": "", - "2": "", - "3": "🖵", - "4": "", - "5": "", - "6": "🎜", - "7": "", - "8": "", - "9": "", - "10": "", - "11": "", - "12": "", - "13": "🖵", - "14": "", - "15": "", - "16": "🎜", - "17": "", - "18": "", - "19": "", - "20": "", - "21": "", - "22": "󰍨", - "23": "✉", - "24": "🖵", - "25": "", - "26": "", - "27": "", - "28": "", - "29": "", - "30": "", - "urgent": " ", - "focused": " ", - "default": " " - }, - "on-scroll-up": "hyprctl dispatch workspace r-1", - "on-scroll-down": "hyprctl dispatch workspace r+1", - "on-click": "activate", - "sort-by-number": true - }, - "sway/mode": { - "format": "{}" - }, - "sway/language": { - "format": "{short} ⠀⠀" - }, - "idle_inhibitor": { - "format": "{icon}", - "format-icons": { - "activated": " ", - "deactivated": " " - } - }, - "tray": { - "spacing": 10 - }, - "clock": { - "tooltip-format": "{:%Y %B \t week: %V }\n{calendar}", - "format": "{:%H:%M}  ", - "format-alt": "{:%A, %B %d, %Y}  " - }, - "cpu": { - "on-click": "kitty btop", - "format": "{usage}%  ", - "tooltip": false, - "interval": 2 - }, - "memory": { - "format": "{}%  ", - "on-click": "kitty btop", - "tooltip": true, - "interval": 2 - }, - "temperature": { - "critical-threshold": 80, - "format-critical": "{icon} {temperatureC}°C", - "format": "{icon} {temperatureC}°C", - "format-icons": [ - "", - "", - "" - ], - "tooltip": true, - "on-click": "kitty btop", - "interval": 2 - }, - "backlight": { - "format": "{icon} {percent}%", - "format-icons": [ - " ", - " " - ], - "on-scroll-up": "light -A 1", - "on-scroll-down": "light -U 1" - }, - "battery": { - "states": { - "warning": 30, - "critical": 15 - }, - "format": "{icon} {capacity}%", - "tooltip-format": "{timeTo}, {capacity}%", - "format-charging": " {capacity}%", - "format-plugged": " ", - "format-alt": "{time} {icon}", - "format-icons": [ - "", - "", - "", - "", - "" - ] - }, - "network": { - "format-wifi": "直 ", - "format-ethernet": "{ifname}: {ipaddr}/{cidr}  ", - "format-linked": "{ifname} (No IP)  ", - "format-disconnected": "睊 ", - "format-alt": "{ifname}: {ipaddr}/{cidr}", - "tooltip-format": "{essid} {signalStrength}%" - }, - "pulseaudio": { - "format": "{icon} {volume}% {format_source}", - "format-bluetooth": "{icon} {volume}% {format_source}", - "format-bluetooth-muted": "  {volume}% {format_source}", - "format-muted": " {format_source}", - "format-source": " ", - "format-source-muted": " ", - "format-icons": { - "headphone": " ", - "hands-free": " ", - "headset": " ", - "phone": " ", - "portable": " ", - "car": " ", - "default": [ - " ", - " ", - " " - ] - }, - "tooltip-format": "{desc}, {volume}%", - "on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle", - "on-click-right": "pactl set-source-mute @DEFAULT_SOURCE@ toggle", - "on-click-middle": "easyeffects" - }, - "custom/music": { - "format": "{icon} {}", - "return-type": "json", - "max-length": 100, - "format-icons": { - "spotify": " ", - "default": " " - }, - "escape": true, - "exec": "$HOME/.config/waybar/scripts/mediaplayer.py 2> /dev/null", - "on-click": "playerctl play-pause", - "on-scroll-up": "playerctl next", - "on-scroll-down": "playerctl previous" - }, - "custom/fans": { - "format": "{}", - "exec": "$HOME/.config/waybar/scripts/fans.sh", - "escape": true, - "restart-interval": 10 - } - }, - { - "height": 50, - "layer": "top", - "output": "HDMI-A-1", - "margin-top": 10, - "margin-left": 17, - "margin-bottom": 0, - "margin-right": 17, - "modules-left": [ - "custom/arch", - "hyprland/workspaces" - ], - "modules-center": [ - "custom/music" - ], - "modules-right": [ - "clock", - "custom/weather", - "custom/notifications" - ], - "custom/arch": { - "format": "  ", - "tooltip": false, - "on-click": "wleave", - "on-click-right": "wleave" - }, - "custom/weather": { - "exec": "python3 ~/.config/waybar/scripts/weather.py", - "restart-interval": 300, - "return-type": "json", - "on-click": "xdg-open https://www.eltiempo.es/alicante.html" - }, - "custom/notifications": { - "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 - }, - "hyprland/workspaces": { - "disable-scroll": true, - "all-outputs": false, - "enable-bar-scroll": true, - "format": "{icon}", - "format-icons": { - "1": "", - "2": "", - "3": "🖵", - "4": "", - "5": "", - "6": "🎜", - "7": "", - "8": "", - "9": "", - "10": "", - "11": "", - "12": "", - "13": "🖵", - "14": "", - "15": "", - "16": "🎜", - "17": "", - "18": "", - "19": "", - "20": "", - "21": "", - "22": "󰍨", - "23": "✉", - "24": "🖵", - "25": "", - "26": "", - "27": "", - "28": "", - "29": "", - "30": "", - "urgent": "", - "focused": "", - "default": "" - }, - "on-scroll-up": "hyprctl dispatch workspace r-1", - "on-scroll-down": "hyprctl dispatch workspace r+1", - "on-click": "activate", - "sort-by-number": true - }, - "sway/mode": { - "format": "{}" - }, - "sway/language": { - "format": "{short} ⠀⠀" - }, - "idle_inhibitor": { - "format": "{icon}", - "format-icons": { - "activated": " ", - "deactivated": " " - } - }, - "tray": { - "spacing": 10 - }, - "clock": { - "format": "{:%H:%M}  ", - "format-alt": " {:%A %B %d %Y (%V) | %r}", - "tooltip-format": "{:%Y %B}\n{calendar}", - "calendar-weeks-pos": "right", - "today-format": "{}", - "format-calendar": "{}", - "format-calendar-weeks": "W{:%U}", - "format-calendar-weekdays": "{}", - }, - "cpu": { - "on-click": "kitty btop", - "format": "{usage}%  ", - "tooltip": false, - "interval": 2 - }, - "memory": { - "format": "{}%  ", - "on-click": "kitty btop", - "tooltip": true, - "interval": 2 - }, - "temperature": { - "critical-threshold": 80, - "format-critical": "{icon} {temperatureC}°C", - "format": "{icon} {temperatureC}°C", - "format-icons": [ - "", - "", - "" - ], - "tooltip": true, - "on-click": "kitty btop", - "interval": 2 - }, - "backlight": { - "format": "{icon} {percent}%", - "format-icons": [ - " ", - " " - ], - "on-scroll-up": "light -A 1", - "on-scroll-down": "light -U 1" - }, - "battery": { - "states": { - "warning": 30, - "critical": 15 - }, - "format": "{icon} {capacity}%", - "tooltip-format": "{timeTo}, {capacity}%", - "format-charging": " {capacity}%", - "format-plugged": " ", - "format-alt": "{time} {icon}", - "format-icons": [ - "", - "", - "", - "", - "" - ] - }, - "network": { - "format-wifi": "直 ", - "format-ethernet": "{ifname}: {ipaddr}/{cidr}  ", - "format-linked": "{ifname} (No IP)  ", - "format-disconnected": "睊 ", - "format-alt": "{ifname}: {ipaddr}/{cidr}", - "tooltip-format": "{essid} {signalStrength}%" - }, - "pulseaudio": { - "format": "{icon} {volume}% {format_source}", - "format-bluetooth": "{icon} {volume}% {format_source}", - "format-bluetooth-muted": "  {volume}% {format_source}", - "format-muted": " {format_source}", - "format-source": " ", - "format-source-muted": " ", - "format-icons": { - "headphone": " ", - "hands-free": " ", - "headset": " ", - "phone": " ", - "portable": " ", - "car": " ", - "default": [ - " ", - " ", - " " - ] - }, - "tooltip-format": "{desc}, {volume}%", - "on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle", - "on-click-right": "pactl set-source-mute @DEFAULT_SOURCE@ toggle", - "on-click-middle": "easyeffects" - }, - "custom/music": { - "format": "{icon} {}", - "return-type": "json", - "max-length": 100, - "format-icons": { - "spotify": " ", - "default": " " - }, - "escape": true, - "exec": "$HOME/.config/waybar/scripts/mediaplayer.py 2> /dev/null", - "on-click": "playerctl play-pause", - "on-scroll-up": "playerctl next", - "on-scroll-down": "playerctl previous", - }, - "custom/fans": { - "format": "{}", - "exec": "$HOME/.config/waybar/scripts/fans.sh", - "escape": true, - "restart-interval": 10, - } - }, - { - "height": 50, - "layer": "top", - "output": "DP-3", - "margin-top": 10, - "margin-left": 17, - "margin-bottom": 0, - "margin-right": 17, - "modules-left": [ - "custom/arch", - "hyprland/workspaces" - ], - "modules-center": [ - "custom/music" - ], - "modules-right": [ - "memory", - "cpu", - "temperature", - "custom/gpu-usage", - "custom/gpu-temp", - "tray" - ], - "custom/arch": { - "format": "  ", - "tooltip": false, - "on-click": "wleave", - "on-click-right": "wleave", - }, - "custom/weather": { - "exec": "python3 ~/.config/waybar/scripts/weather.py", - "restart-interval": 300, - "return-type": "json", - "on-click": "xdg-open https://www.eltiempo.es/alicante.html" - }, - "custom/notifications": { - "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 - }, - "hyprland/workspaces": { - "disable-scroll": true, - "active-only": false, - "all-outputs": false, - "enable-bar-scroll": true, - "format": "{icon}", - "format-icons": { - "1": "", - "2": "", - "3": "🖵", - "4": "", - "5": "", - "6": "🎜", - "7": "", - "8": "", - "9": "", - "10": "", - "11": "", - "12": "", - "13": "🖵", - "14": "", - "15": "", - "16": "🎜", - "17": "", - "18": "", - "19": "", - "20": "", - "21": "", - "22": "󰍨", - "23": "✉", - "24": "🖵", - "25": "", - "26": "", - "27": "", - "28": "", - "29": "", - "30": "", - "urgent": "", - "focused": "", - "default": "" - }, - "on-scroll-up": "hyprctl dispatch workspace r-1", - "on-scroll-down": "hyprctl dispatch workspace r+1", - "on-click": "activate", - "sort-by-number": true - }, - "sway/mode": { - "format": "{}" - }, - "sway/language": { - "format": "{short} ⠀⠀" - }, - "idle_inhibitor": { - "format": "{icon}", - "format-icons": { - "activated": " ", - "deactivated": " " - } - }, - "tray": { - "spacing": 10 - }, - "clock": { - "tooltip-format": "{:%Y %B}\n{calendar}", - "format": "{:%H:%M}  ", - "format-alt": "{:%A, %B %d, %Y}  " - }, - "cpu": { - "on-click": "kitty --class btop-kitty btop", - "format": "CPU: {usage}%", - "tooltip": false, - "interval": 2 - }, - "custom/gpu-usage": { - "exec": "cat /sys/class/hwmon/hwmon1/device/gpu_busy_percent", - "on-click": "kitty --class nvtop-kitty nvtop", - "format": "GPU: {}%", - "return-type": "", - "interval": 2 - }, - "memory": { - "format": "{}%  ", - "on-click": "kitty --class btop-kitty btop", - "tooltip": true, - "interval": 2 - }, - "temperature": { - "critical-threshold": 80, - "on-click": "kitty --class btop-kitty btop", - "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input", - "format-critical": "{icon} {temperatureC}°C", - "format": "{icon} {temperatureC}°C", - "format-icons": [ - "", - "", - "" - ], - "tooltip": true, - "interval": 2 - }, - "custom/gpu-temp": { - "exec": "cat /sys/class/hwmon/hwmon1/temp1_input | cut -b 1-2", - "on-click": "kitty --class nvtop-kitty nvtop", - "format": " {}°C", - "return-type": "", - "interval": 2 - }, - "backlight": { - "format": "{icon} {percent}%", - "format-icons": [ - " ", - " " - ], - "on-scroll-up": "light -A 1", - "on-scroll-down": "light -U 1" - }, - "battery": { - "states": { - "warning": 30, - "critical": 15 - }, - "format": "{icon} {capacity}%", - "tooltip-format": "{timeTo}, {capacity}%", - "format-charging": " {capacity}%", - "format-plugged": " ", - "format-alt": "{time} {icon}", - "format-icons": [ - "", - "", - "", - "", - "" - ] - }, - "network": { - "format-wifi": "直 ", - "format-ethernet": "{ifname}: {ipaddr}/{cidr}  ", - "format-linked": "{ifname} (No IP)  ", - "format-disconnected": "睊 ", - "format-alt": "{ifname}: {ipaddr}/{cidr}", - "tooltip-format": "{essid} {signalStrength}%" - }, - "pulseaudio": { - "format": "{icon} {volume}% {format_source}", - "format-bluetooth": "{icon} {volume}% {format_source}", - "format-bluetooth-muted": "  {volume}% {format_source}", - "format-muted": " {format_source}", - "format-source": " ", - "format-source-muted": " ", - "format-icons": { - "headphone": " ", - "hands-free": " ", - "headset": " ", - "phone": " ", - "portable": " ", - "car": " ", - "default": [ - " ", - " ", - " " - ] - }, - "tooltip-format": "{desc}, {volume}%", - "on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle", - "on-click-right": "pactl set-source-mute @DEFAULT_SOURCE@ toggle", - "on-click-middle": "easyeffects" - }, - "custom/music": { - "format": "{icon} {}", - "return-type": "json", - "max-length": 100, - "format-icons": { - "spotify": " ", - "default": " " - }, - "escape": true, - "exec": "$HOME/.config/waybar/scripts/mediaplayer.py 2> /dev/null", - "on-click": "playerctl play-pause", - "on-scroll-up": "playerctl next", - "on-scroll-down": "playerctl previous" - }, - "custom/fans": { - "format": "{}", - "exec": "$HOME/.config/waybar/scripts/fans.sh", - "escape": true, - "restart-interval": 10 - } - } -] diff --git a/.config/waybar/style.css b/.config/waybar/style.css index 4e205acc..aac37aea 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -5,6 +5,7 @@ } /* General Settings */ +#cava, #custom-clipboard, #custom-notifications, #custom-arch, @@ -26,6 +27,9 @@ #network, #tray, #custom-power-menu, +#custom-updates, +#language, +#window, #custom-weather, #custom-weather.severe, #custom-weather.sunnyDay, @@ -53,7 +57,7 @@ window#waybar { color: #cdd6f4; } -window#waybar.hidded { +window#waybar.hidden { opacity: 0; } @@ -88,8 +92,8 @@ window#waybar.hidded { } #workspaces button { - background-color: #24273a; - border-radius: 10px; + background-color: transparent; + border-radius: 15px; margin-right: 3px; margin-left: 3px; margin-top: 3px; @@ -98,7 +102,7 @@ window#waybar.hidded { font-weight: bolder; min-width: 20px; color: #24273a; - transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.68); + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); } #workspaces button.active { @@ -108,11 +112,19 @@ window#waybar.hidded { padding-bottom: 3px; margin-top: 5px; margin-bottom: 5px; - background: #cad3f5; - background-size: 100% 200%; - animation: gradient_f 20s ease-in-out infinite; + background: linear-gradient( + 52deg, + rgba(139, 213, 202, 1) 0%, + rgba(138, 173, 244, 1) 30%, + rgba(183, 189, 248, 1) 48%, + rgba(198, 160, 246, 1) 77%, + rgba(238, 153, 160, 1) 100% + ); + background-size: 400% 400%; + animation: gradient 15s ease infinite; transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); color: #c678dd; + border-radius: 12px; } #workspaces button:hover { @@ -169,6 +181,25 @@ window#waybar.hidded { color: #f5a97f; } +#window { + background: #b7bdf8; + background: linear-gradient( + 52deg, + rgba(139, 213, 202, 1) 0%, + rgba(138, 173, 244, 1) 30%, + rgba(183, 189, 248, 1) 48%, + rgba(198, 160, 246, 1) 77%, + rgba(238, 153, 160, 1) 100% + ); + background-size: 400% 400%; + animation: gradient 15s ease infinite; + text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377); + font-weight: bold; + color: #1e2030; + transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); + border: none; +} + #temperature.critical { background-color: #ed8796; color: #1e2030; @@ -176,13 +207,21 @@ window#waybar.hidded { #custom-music { background: #b7bdf8; - /*background: radial-gradient(circle, rgba(183, 189, 248, 0.7) 0%, rgb(183, 189, 248) 50%);*/ + background: linear-gradient( + 52deg, + rgba(139, 213, 202, 1) 0%, + rgba(138, 173, 244, 1) 30%, + rgba(183, 189, 248, 1) 48%, + rgba(198, 160, 246, 1) 77%, + rgba(238, 153, 160, 1) 100% + ); background-size: 400% 400%; - animation: gradient_f 13s ease infinite; + animation: gradient 15s ease infinite; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377); font-weight: bold; color: #1e2030; transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); + border: none; } #custom-fans { @@ -266,11 +305,9 @@ window#waybar.hidded { 0% { background-position: 0% 50%; } - 50% { - background-position: 100% 30%; + background-position: 100% 50%; } - 100% { background-position: 0% 50%; }