feat(waybar): new widgets, changed existing ones and style changes

This commit is contained in:
Sergio Laín 2023-10-09 00:57:37 +02:00
parent b5a542ab91
commit 84c4a158c8
No known key found for this signature in database
GPG key ID: 14C9B8080681777B
2 changed files with 49 additions and 723 deletions

View file

@ -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": "<span foreground='red'><sup></sup></span>",
"none": "",
"dnd-notification": "<span foreground='red'><sup></sup></span>",
"dnd-none": "",
"inhibited-notification": "<span foreground='red'><sup></sup></span>",
"inhibited-none": "",
"dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
"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": "<span style=\"italic\">{}</span>"
},
"sway/language": {
"format": "{short} ⠀⠀"
},
"idle_inhibitor": {
"format": "{icon}",
"format-icons": {
"activated": " ",
"deactivated": " "
}
},
"tray": {
"spacing": 10
},
"clock": {
"tooltip-format": "<big>{:%Y %B \t week: %V }</big>\n<tt>{calendar}</tt>",
"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": "<span foreground='red'><sup></sup></span>",
"none": "",
"dnd-notification": "<span foreground='red'><sup></sup></span>",
"dnd-none": "",
"inhibited-notification": "<span foreground='red'><sup></sup></span>",
"inhibited-none": "",
"dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
"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": "<span style=\"italic\">{}</span>"
},
"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": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"calendar-weeks-pos": "right",
"today-format": "<span color='#f38ba8'><b><u>{}</u></b></span>",
"format-calendar": "<span color='#f2cdcd'><b>{}</b></span>",
"format-calendar-weeks": "<span color='#94e2d5'><b>W{:%U}</b></span>",
"format-calendar-weekdays": "<span color='#f9e2af'><b>{}</b></span>",
},
"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": "<span foreground='red'><sup></sup></span>",
"none": "",
"dnd-notification": "<span foreground='red'><sup></sup></span>",
"dnd-none": "",
"inhibited-notification": "<span foreground='red'><sup></sup></span>",
"inhibited-none": "",
"dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
"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": "<span style=\"italic\">{}</span>"
},
"sway/language": {
"format": "{short} ⠀⠀"
},
"idle_inhibitor": {
"format": "{icon}",
"format-icons": {
"activated": " ",
"deactivated": " "
}
},
"tray": {
"spacing": 10
},
"clock": {
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"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
}
}
]

View file

@ -5,6 +5,7 @@
} }
/* General Settings */ /* General Settings */
#cava,
#custom-clipboard, #custom-clipboard,
#custom-notifications, #custom-notifications,
#custom-arch, #custom-arch,
@ -26,6 +27,9 @@
#network, #network,
#tray, #tray,
#custom-power-menu, #custom-power-menu,
#custom-updates,
#language,
#window,
#custom-weather, #custom-weather,
#custom-weather.severe, #custom-weather.severe,
#custom-weather.sunnyDay, #custom-weather.sunnyDay,
@ -53,7 +57,7 @@ window#waybar {
color: #cdd6f4; color: #cdd6f4;
} }
window#waybar.hidded { window#waybar.hidden {
opacity: 0; opacity: 0;
} }
@ -88,8 +92,8 @@ window#waybar.hidded {
} }
#workspaces button { #workspaces button {
background-color: #24273a; background-color: transparent;
border-radius: 10px; border-radius: 15px;
margin-right: 3px; margin-right: 3px;
margin-left: 3px; margin-left: 3px;
margin-top: 3px; margin-top: 3px;
@ -98,7 +102,7 @@ window#waybar.hidded {
font-weight: bolder; font-weight: bolder;
min-width: 20px; min-width: 20px;
color: #24273a; 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 { #workspaces button.active {
@ -108,11 +112,19 @@ window#waybar.hidded {
padding-bottom: 3px; padding-bottom: 3px;
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
background: #cad3f5; background: linear-gradient(
background-size: 100% 200%; 52deg,
animation: gradient_f 20s ease-in-out infinite; 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); transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
color: #c678dd; color: #c678dd;
border-radius: 12px;
} }
#workspaces button:hover { #workspaces button:hover {
@ -169,6 +181,25 @@ window#waybar.hidded {
color: #f5a97f; 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 { #temperature.critical {
background-color: #ed8796; background-color: #ed8796;
color: #1e2030; color: #1e2030;
@ -176,13 +207,21 @@ window#waybar.hidded {
#custom-music { #custom-music {
background: #b7bdf8; 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%; 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); text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.377);
font-weight: bold; font-weight: bold;
color: #1e2030; color: #1e2030;
transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682); transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
border: none;
} }
#custom-fans { #custom-fans {
@ -266,11 +305,9 @@ window#waybar.hidded {
0% { 0% {
background-position: 0% 50%; background-position: 0% 50%;
} }
50% { 50% {
background-position: 100% 30%; background-position: 100% 50%;
} }
100% { 100% {
background-position: 0% 50%; background-position: 0% 50%;
} }