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

差分

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

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
tips:linux:arch:gui:desktop:hyprland:waybar [2026/05/24 13:15] – 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の改造 (ミニマム) ===== ===== WayBarの改造 (ミニマム) =====
   * 参考 : https://waybar.org/waybar-config-for-hyprland-beginners/   * 参考 : https://waybar.org/waybar-config-for-hyprland-beginners/
行 9: 行 15:
 user$ touch ~/.config/waybar/config.jsonc; nano ~/.config/waybar/config.jsonc user$ touch ~/.config/waybar/config.jsonc; nano ~/.config/waybar/config.jsonc
 user$ touch ~/.config/waybar/style.css;    nano ~/.config/waybar/style.css 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> </code>
  
  • tips/linux/arch/gui/desktop/hyprland/waybar.1779596101.txt.gz
  • 最終更新: 2026/05/24 13:15
  • by asaasa