dotfiles/waybar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

addet new config

Browse source
This commit is contained in:
pika 2024-06-10 12:22:51 +02:00
parent 2bb659730c
commit 95a725957e
2 changed files with 126 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

91
config
View file

@ -3,12 +3,15 @@
{ {
"layer": "top", "layer": "top",
"position": "top", "position": "top",
"margin": 0, "margin-left": 4,
"margin-right": 4,
"margin-top": 0,
"margin-bottom": 0,
"spacing": 4, "spacing": 4,
"modules-left": ["hyprland/workspaces","hyprland/window"], "modules-left": ["hyprland/workspaces","hyprland/window"],
"modules-center": ["clock","tray"], "modules-center": ["group/weather","tray"],
"modules-right": ["pulseaudio","battery","network","group/info","group/power"], "modules-right": ["pulseaudio","battery","network","group/info","group/power"],
@ -22,37 +25,41 @@
"modules": [ "modules": [
"custom/power", // First element is the "group leader" and won't ever be hidden "custom/power", // First element is the "group leader" and won't ever be hidden
"custom/powerm", "custom/powerm",
"custom/reboot",
"custom/quit", "custom/quit",
"custom/lock", "custom/lock",
"custom/reboot",
] ]
}, },
"custom/quit": { "custom/quit": {
"format": "󰗼", "format": "󰗼",
"tooltip": false, "tooltip": true,
"tooltip-format": "terminate session",
"on-click": "hyprctl dispatch exit" "on-click": "hyprctl dispatch exit"
}, },
"custom/lock": { "custom/lock": {
"format": "󰍁", "format": "󰍁",
"tooltip": false, "tooltip": true,
"on-click": "swaylock" "tooltip-format": "screenlock",
"on-click": "swaylock --screenshots --clock --indicator --effect-pixelate 18 --effect-blur 8x8"
}, },
"custom/reboot": { "custom/reboot": {
"format": "󰜉", "format": "󰜉",
"tooltip": false, "tooltip": true,
"tooltip-format": "reboot",
"on-click": "reboot" "on-click": "reboot"
}, },
"custom/powerm": { "custom/powerm": {
"format": "", "format": "",
"tooltip": false, "tooltip": true,
"on-click": "shutdown now" "tooltip-format": "shutdown!",
"on-click": "sudo systemctl shutdown now"
}, },
"group/info": { "group/info": {
"orientation": "inherit", "orientation": "inherit",
"drawer": { "drawer": {
"children-class": "info", "children-class": "group-info",
"parent-class": "p_info", "parent-class": "group-p-info",
"transition-left-to-right": false, "transition-left-to-right": true,
}, },
"modules": [ "modules": [
"memory", "disk", "cpu" "memory", "disk", "cpu"
@ -68,6 +75,7 @@
"2": "󰁕", "2": "󰁕",
"3": "󰁕", "3": "󰁕",
"4": "󰁕", "4": "󰁕",
"5": "󰁕",
"urgent": "󰊰", "urgent": "󰊰",
"active": "󰢚", "active": "󰢚",
"special": "󰮯", "special": "󰮯",
@ -75,33 +83,60 @@
}, },
"window-rewrite-default": "", "window-rewrite-default": "",
"window-rewrite": { "window-rewrite": {
"nvim": " ", "foot class<nvim>": " ",
"foot": " ", "foot": "",
"Thorium": "󰊯 ", "thorium": "󰊯",
"mercury": " ", "class<thunar>": "󰝰",
"title<.*youtube.*>": " ", "mercury":"",
"VSCodium": "",
"title<Gear lever>": "",
"balenaEtcher": "󱊞",
"title<.*youtube.*>": "",
"title<*netflix.*>": "󰝆", "title<*netflix.*>": "󰝆",
"title<nwg-look>": "",
"title<Steam>": "󰓓",
"title<Special Offers>": "󰓓",
"Invidious": " ", "Invidious": " ",
"class<mercury*> title<.*github.*>": "", // Windows whose class is "firefox" and title contains "github". Note that "class" always comes first. "class<mercury*> title<.*github.*>": "", // Windows whose class is "firefox" and title contains "github". Note that "class" always comes first.
}, },
}, },
"hyprland/window": { "hyprland/window": {
"format": " {}", "format": " {title}",
"rewrite": { "rewrite": {
"(.*) — Mozilla Firefox": "🌎 $1", "~*": " $1",
"(.*) — ~/*": " $1"
}, },
"separate-outputs": false "separate-outputs": false
}, },
"group/weather": {
"orientation": "inherit",
"drawer": {
"transition-duration": 500,
"children-class": "group-weather",
"transition-left-to-right": false,
},
"modules": [
"clock",
"custom/weather"
]
},
"clock": { "clock": {
"format": "{:%H:%M}", "format": "{:%H:%M}",
"tooltip": false "tooltip": true
},
"custom/weather": {
"format": "{}°",
"tooltip": true,
"interval": 3600,
"exec": "wttrbar",
"return-type": "json"
}, },
"network": { "network": {
"interval": 30, "interval": 30,
"on-click": "wl-copy $(ip address show up scope global | grep inet | head -n1 | cut -d/ -f 1 | tr -d [:space:] | cut -c5-)", "on-click": "wl-copy $(ip address show up scope global | grep inet | head -n1 | cut -d/ -f 1 | tr -d [:space:] | cut -c5-)",
"on-click-right": "kitty --class floating $HOME/.config/hypr/scripts/wlan.sh", "on-click-right": "foot $HOME/.config/hypr/scripts/wlan.sh",
"format-wifi": "󰤨 {essid}", "format-wifi": "󰤨 {essid}",
"format-ethernet": "󰈀 Wired", "format-ethernet": "󰈀 Wired",
"fomat-disconnected": "󰤯 Disconnected", "fomat-disconnected": "󰤯 Disconnected",
@ -110,7 +145,7 @@
"tooltip-format-disconnected": "Disconnected", "tooltip-format-disconnected": "Disconnected",
}, },
"pulseaudio": { "pulseaudio": {
"format": "{icon} {volume}%", "format": "{icon} {volume}%",
"format-bluetooth": "{icon} {volume}%", "format-bluetooth": "{icon} {volume}%",
"format-muted": " ", "format-muted": " ",
"format-icons": { "format-icons": {
@ -145,11 +180,11 @@
}, },
"format": "{icon} {capacity}%", "format": "{icon} {capacity}%",
"format-icons": [ "format-icons": [
"", "󰁺",
"", "󰁼",
"", "󰁿",
"", "󰂁",
"" "󰁹"
] ]
}, },
"disk": { "disk": {
@ -162,7 +197,7 @@
"spacing": 10 "spacing": 10
}, },
"custom/power": { "custom/power": {
"format": "⏼", "format": "⏼ ",
"on-click": "wlogout" "on-click": "wlogout"
}, },
"css-name": "style.css" "css-name": "style.css"

110
style.css
View file

@ -4,22 +4,25 @@
} }
@keyframes urgent-workspace { @keyframes urgent-workspace {
from { from {
color: yellow; color: white;
}
75% {
color: red;
} }
to { to {
color: red; color: white;
} }
} }
@keyframes border-expand { @keyframes border-expand {
0% { 0% {
border-top: none; border-top: transparent;
border-left: none; border-left: transparent;
border-right: none; border-right: transparent;
border-bottom: solid 2px currentcolor; border-bottom: solid 2px currentcolor;
border-radius: 100px; border-radius: 100px;
} }
33% { 33% {
border-top: none; border-top: transparent;
border-left: solid 2px currentcolor; border-left: solid 2px currentcolor;
border-right: solid 2px currentcolor; border-right: solid 2px currentcolor;
border-bottom: solid 2px currentcolor; border-bottom: solid 2px currentcolor;
@ -29,7 +32,7 @@ to {
border-top: solid 2px currentcolor; border-top: solid 2px currentcolor;
border-left: solid 2px currentcolor; border-left: solid 2px currentcolor;
border-right: solid 2px currentcolor; border-right: solid 2px currentcolor;
border-bottom: none; border-bottom: transparent;
border-radius: 33px; border-radius: 33px;
} }
to { to {
@ -43,72 +46,80 @@ tooltip {
background: black; background: black;
color: white; color: white;
} }
#p_info, #p-info,
#weather,
#info { #info {
border-top: solid 1px #9649cd; border-top: solid 1px currentcolor;
color: #9649cd;
transition: 650ms; transition: 650ms;
} }
#p_info, #p-info:hover,
#weather:hover,
#info:hover { #info:hover {
border-bottom: solid 2px #9649cd; border-bottom: solid 2px currentcolor;
border-top: none; border-top: solid 0px transparent;
transition: 150ms; transition: 350ms;
} }
window#waybar {
border-top: solid 1px transparent;
background: transparent;
opacity: 0.7;
/* background: rgba(153, 153, 153, 0.3); */
color: white;
}
window#waybar.empty {
opacity: 1.125;
}
window#waybar.fullscreen {
border: solid 2px #d70947;
opacity: 1.0;
}
#window { #window {
padding: 2px; padding: 2px;
margin: 4px 4px 0;
color: #fdf6e3; color: #fdf6e3;
font-weight: 600; font-weight: 600;
border-top: solid 1px transparent; transition: 300ms;
transition: 2s; }
window#waybar {
border: solid 2px rgba(160, 160, 160, 0.329);
border-radius: 6px;
background: transparent;
transition: 700ms;
}
window#waybar.empty {
margin-top: 4px;
border: solid 2px rgba(136, 136, 136, 0.8);
}
window#waybar.fullscreen {
background: rgba(55, 55, 55, 0.6);
margin: 0;
border: solid 3px rgba(145, 11, 53, 0.8);
border-radius: 8px 8px 4px 4px;
transition: 300ms;
} }
#workspaces button { #workspaces button {
border-top: solid 2px currentcolor; border-top: solid 1px currentcolor;
border-right: solid 2px currentcolor; border-right: solid 1px currentcolor;
margin-top: 4px; border-bottom: solid 1px transparent;
margin-top: 5px;
margin-left: 0px;
padding: 0; padding: 0;
padding-right: 4px;
transition: 200ms; transition: 200ms;
/* transition: transform 0.4s; */ border-radius: 2px 2px 2 0;
border-radius: 0;
} }
#workspaces button.empty { #workspaces button.empty {
opacity: 0.4;
} }
#workspaces button.active { #workspaces button.active {
color: #e44cdf; color: rgba(255, 238, 0, 0.9);
padding: 0 10px; padding: 0 8px;
margin-top: 0; margin-top: 0;
margin-right: 2px;
margin-left: 1px;
border-top: solid 2px currentcolor;
border-right: solid 2px currentcolor; border-right: solid 2px currentcolor;
/* transition: translateY(0.75rem) 400ms; */ border-radius: 8px 4px 2px 0;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: red; color: red;
animation: urgent-workspace ease-out 2s infinite; animation: urgent-workspace ease-out 4s infinite;
} }
#pulseaudio { #pulseaudio {
color: #cbb643; color: #cbb643;
} }
/* #memory { */ #p-info,
/* color: #740cbe; */ #info,
/* } */ #memory {
color: #9649cd;
}
#cpu { #cpu {
color: #a70a3c; color: #a70a3c;
} }
@ -121,12 +132,17 @@ window#waybar.fullscreen {
#disk { #disk {
color: #b58900; color: #b58900;
} }
#custom-power {
border-radius: 0 8px 0 0;
}
#custom-weather,
#custom-reboot, #custom-reboot,
#custom-quit, #custom-quit,
#custom-lock, #custom-lock,
#custom-powerm, #custom-powerm,
#custom-power { #custom-power {
padding: 0.2rem 1rem; padding: 0.2rem 1rem;
margin: 0 1px;
font-weight: 600; font-weight: 600;
border-top: solid 1px currentcolor; border-top: solid 1px currentcolor;
transition: 350ms; transition: 350ms;
@ -138,10 +154,10 @@ window#waybar.fullscreen {
#custom-power:hover { #custom-power:hover {
border-top: solid 2px red; border-top: solid 2px red;
transition: 250ms; transition: 250ms;
margin: 0;
/* border-radius: 2rem; */ /* border-radius: 2rem; */
font-size: 1.5rem; font-size: 1.5rem;
} }
#pulseaudio, #pulseaudio,
#memory, #memory,
#cpu, #cpu,
@ -162,9 +178,9 @@ window#waybar.fullscreen {
#memory:hover, #memory:hover,
#cpu:hover, #cpu:hover,
#battery:hover, #battery:hover,
#network:hover,
#disk:hover, #disk:hover,
#clock:hover { #clock:hover,
#network:hover {
border-top: solid 2px currentcolor; border-top: solid 2px currentcolor;
transition: 250ms; transition: 250ms;
} }