Update waybar

This commit is contained in:
Marvin Elsen 2025-05-25 16:54:47 +02:00
parent b08b77e1dd
commit 1a23986004
Signed by: marvinelsen
GPG Key ID: 820672408CC318C2
3 changed files with 31 additions and 42 deletions

View File

@ -1,12 +1,7 @@
@define-color base #212121;
@define-color base-gradient #424242;
@define-color text #fafafa;
@define-color text-dark #a0a0a0;
@define-color green #00C853;
@define-color green-gradient #00E676;
@define-color red #B71C1C;
@define-color red-gradient #D32F2F;
@define-color blue #0091EA;
@define-color blue-gradient #00B0FF;
@define-color purple #651FFF;
@define-color purple-gradient #7C4DFF;

View File

@ -11,19 +11,7 @@
"modules-right": ["tray", "pulseaudio#input", "pulseaudio#output", "bluetooth", "network"],
// See https://github.com/Alexays/Waybar/wiki/Module:-Hyprland
"hyprland/workspaces": {
"format": "{icon}",
"format-icons": {
"1": "一",
"2": "二",
"3": "三",
"4": "四",
"5": "五",
"6": "六",
"7": "七",
"8": "八",
"9": "九",
"10": "十"
},
"format": "{name}",
"on-scroll-up": "hyprctl dispatch workspace +1",
"on-scroll-down": "hyprctl dispatch workspace -1",
"persistent-workspaces": {
@ -46,8 +34,8 @@
// See https://github.com/Alexays/Waybar/wiki/Module:-PulseAudio
"pulseaudio#input": {
"format": "{format_source}",
"format-source": "󰍬 {volume}%",
"format-source-muted": "󰍭 Muted",
"format-source": "󰍬 {volume}%",
"format-source-muted": "󰍭 Muted",
"on-click": "pactl set-source-mute @DEFAULT_SOURCE@ toggle",
"on-click-right": "pavucontrol --tab=4",
"on-scroll-up": "pactl set-source-volume @DEFAULT_SOURCE@ +5%",
@ -56,8 +44,8 @@
},
// See https://github.com/Alexays/Waybar/wiki/Module:-PulseAudio
"pulseaudio#output": {
"format": "{icon} {volume}%",
"format-muted": "󰖁 Muted",
"format": "{icon} {volume}%",
"format-muted": "󰖁 Muted",
"on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle",
"on-click-right": "pavucontrol",
"format-icons": {
@ -69,9 +57,9 @@
},
// See https://github.com/Alexays/Waybar/wiki/Module:-Network
"network": {
"format-wifi": "󰖩 Online",
"format-ethernet": "󰛳 Online",
"format-disconnected": "󰲜 Offline",
"format-wifi": "󰖩 Online",
"format-ethernet": "󰛳 Online",
"format-disconnected": "󰲜 Offline",
"tooltip-format-ethernet": "{ifname}\t{ipaddr}",
"tooltip-format-wifi": "{essid}\t{signalStrength}%",
"tooltip-format-disconnected": "Disconnected",

View File

@ -7,7 +7,7 @@
* {
font-family: "Inter SemiBold", "FantasqueSansM Nerd Font";
font-size: 1rem;
font-size: 1.0rem;
}
window#waybar {
@ -16,19 +16,19 @@ window#waybar {
#waybar .module {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
padding-left: 16px;
padding-right: 16px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 24px;
border-radius: 16px;
background: linear-gradient(0deg, @base 0%, @base-gradient 100%);
background: linear-gradient(0deg, @base 0%, shade(@base, 2.3) 100%);
color: @text;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 3px 2px;
}
#waybar .modules-left > *:first-child > * {
@ -39,14 +39,20 @@ window#waybar {
margin-right: 16px;
}
#workspaces {
#workspaces.module {
padding-left: 8px;
padding-right: 8px;
}
#workspaces button {
border-radius: 16px;
color: @text;
border-radius: 20px;
border-radius: 16px;
min-width: 4px;
}
#workspaces button:hover {
color: black;
background: white;
}
#workspaces button.empty {
@ -67,19 +73,19 @@ window#waybar {
#bluetooth.on,
#bluetooth.connected {
background: linear-gradient(0deg, @blue 0%, @blue-gradient 100%);
background: linear-gradient(0deg, @blue 0%, shade(@blue, 1.3) 100%);
}
#bluetooth.off,
#bluetooth.disabled,
#bluetooth.no-controller {
background: linear-gradient(0deg, @red 0%, @red-gradient 100%);
background: linear-gradient(0deg, @red 0%, shade(@red, 1.2) 100%);
}
#network.ethernet,
#network.wifi{
background: linear-gradient(0deg, @green 0%, @green-gradient 100%);
background: linear-gradient(0deg, @green 0%, shade(@green, 1.2) 100%);
}
#network.disconnected,
@ -87,21 +93,21 @@ window#waybar {
padding-left: 16px;
padding-right: 22px;
background: linear-gradient(0deg, @red 0%, @red-gradient 100%);
background: linear-gradient(0deg, @red 0%, shade(@red, 1.2) 100%);
}
#pulseaudio.input {
background: linear-gradient(0deg, @purple 0%, @purple-gradient 100%);
background: linear-gradient(0deg, @purple 0%, shade(@purple, 1.2) 100%);
}
#pulseaudio.input.source-muted {
background: linear-gradient(0deg, @red 0%, @red-gradient 100%);
background: linear-gradient(0deg, @red 0%, shade(@red, 1.2) 100%);
}
#pulseaudio.output {
background: linear-gradient(0deg, @purple 0%, @purple-gradient 100%);
background: linear-gradient(0deg, @purple 0%, shade(@purple, 1.2) 100%);
}
#pulseaudio.output.muted {
background: linear-gradient(0deg, @red 0%, @red-gradient 100%);
background: linear-gradient(0deg, @red 0%, shade(@red, 1.2) 100%);
}