Waybar カスタマイズ / Hyprland on ArchLinux

• 参考 : https://waybar.org/waybar-config-for-hyprland-beginners/

user$ mkdir -p ~/.config/waybar
 
user$ touch ~/.config/waybar/config.jsonc; nano ~/.config/waybar/config.jsonc
user$ touch ~/.config/waybar/style.css;    nano ~/.config/waybar/style.css

{
  "layer": "top",
  "position": "top",
  "height": 32,
 
  "modules-left": ["hyprland/workspaces"],
  "modules-center": ["clock"],
  "modules-right": ["network", "battery", "cpu", "memory", "tray"],
 
  "hyprland/workspaces": {
    "disable-scroll": true,
    "all-outputs": true
  },
 
  "clock": {
    "format": "{:%H:%M}",
    "tooltip-format": "{:%A, %d %B %Y}"
  },
 
  "network": {
    "format-wifi": "  {signalStrength}%",
    "format-ethernet": "󰈀  Connected",
    "format-disconnected": "  Offline"
  },
 
  "battery": {
    "format": "{capacity}%",
    "format-charging": " {capacity}%",
    "format-full": "  {capacity}%"
  },
 
  "cpu": {
    "format": "  {usage}%"
  },
 
  "memory": {
    "format": "  {used}MB"
  },
 
  "tray": {
    "spacing": 10
  }
}

{
  font-family: JetBrainsMono, monospace;
  font-size: 13px;
}
 
window#waybar {
  background-color: #1e1e2e;
  color: #cdd6f4;
}
 
#workspaces button {
  padding: 5px;
  color: #cdd6f4;
}
 
#workspaces button.active {
  background-color: #89b4fa;
  color: #1e1e2e;
}
 
#clock, #battery, #network, #cpu, #memory {
  padding: 0 10px;
}

user$ mkdir -p ~/.config/waybar
 
user$ cp /etc/xdg/waybar/config.jsonc ~/.config/waybar/
user$ cp /etc/xdg/waybar/style.css ~/.config/waybar/
user$ nano ~/.config/waybar/config.jsonc