tips:linux:arch:gui:desktop:hyprland:waybar

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

次のリビジョン		 前のリビジョン
tips:linux:arch:gui:desktop:hyprland:waybar [2026/05/24 13:11] – 作成 asaasatips:linux:arch:gui:desktop:hyprland:waybar [2026/05/27 20:17] (現在) – [config.jsonc] asaasa
行 1: 行 1:
 ====== Waybar カスタマイズ / Hyprland on ArchLinux ====== ====== Waybar カスタマイズ / Hyprland on ArchLinux ======
 +
 +===== リロードコマンド =====
 +ファイルを編集して再読み込み反映したい場合は以下を実行。
 +
 +<code bash>
 +user$ killall waybar && waybar & disown
 +</code>
 +===== WayBarの改造 (ミニマム) =====
 +  * 参考 : https://waybar.org/waybar-config-for-hyprland-beginners/
 +
 +<code bash>
 +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
 +user$ killall waybar && waybar & disown; # リロード
 +</code>
 +
 +==== config.jsonc ====
 +参考元より若干カスタムしてます (画面上部センタリングの時計に、アクティブウィンドウタイトルを足して表示している)
 +<code javascript>
 +{
 +  "layer": "top",
 +  "position": "top",
 +  "height": 36,
 +
 +  "modules-left": ["hyprland/workspaces"]
 +  "modules-center": ["clock","hyprland/window"],
 +  "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}"
 +  },
 +
 +  "hyprland/window" : {
 +    "format": "{}",
 +    "max-length": 100
 +  },
 +
 +  "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}GB"
 +  },
 +
 +  "tray": {
 +    "spacing": 10
 +  }
 +}
 +</code>
 +
 +==== style.css ====
 +<code css>
 +* {
 +  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;
 +}
 +</code>
 +
 +===== WayBarの改造 (既定値をいじる場合) =====
 +
 +<code bash>
 +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
 +</code>
  
  
  • tips/linux/arch/gui/desktop/hyprland/waybar.1779595914.txt.gz
  • 最終更新: 2026/05/24 13:11
  • by asaasa