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

差分

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

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
tips:linux:arch:gui:desktop:hyprland:waybar [2026/05/24 13:19] – [WayBarの改造 (ミニマム)] 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> </code>
  
 ==== config.jsonc ==== ==== config.jsonc ====
 +参考元より若干カスタムしてます (画面上部センタリングの時計に、アクティブウィンドウタイトルを足して表示している)
 <code javascript> <code javascript>
 { {
   "layer": "top",   "layer": "top",
   "position": "top",   "position": "top",
-  "height": 32,+  "height": 36,
  
-  "modules-left": ["hyprland/workspaces"], +  "modules-left": ["hyprland/workspaces"] 
-  "modules-center": ["clock"],+  "modules-center": ["clock","hyprland/window"],
   "modules-right": ["network", "battery", "cpu", "memory", "tray"],   "modules-right": ["network", "battery", "cpu", "memory", "tray"],
  
行 29: 行 36:
  
   "clock": {   "clock": {
-    "format": "{:%H:%M}",+    "format": "{:%H:%M // }",
     "tooltip-format": "{:%A, %d %B %Y}"     "tooltip-format": "{:%A, %d %B %Y}"
 +  },
 +
 +  "hyprland/window" : {
 +    "format": "{}",
 +    "max-length": 100
   },   },
  
行 50: 行 62:
  
   "memory": {   "memory": {
-    "format": "  {used}MB"+    "format": "  {used}GB"
   },   },
  
行 61: 行 73:
 ==== style.css ==== ==== style.css ====
 <code css> <code css>
-{+* {
   font-family: JetBrainsMono, monospace;   font-family: JetBrainsMono, monospace;
   font-size: 13px;   font-size: 13px;
  • tips/linux/arch/gui/desktop/hyprland/waybar.1779596387.txt.gz
  • 最終更新: 2026/05/24 13:19
  • by asaasa