waybarを導入する理由
Arch Linux の環境でWMとしてswayを使用しているのですが、デフォルトのsway-bar
では物足りないのでより高機能なwaybar
を導入することにしました。
インストール
$ sudo pacman -S waybar
設定
まずデフォルトの設定、/etc/xdg/waybar
を~/.config/
以下にコピーします。
$ cp -r /etc/xdg/waybar ~/.config/
このままではデフォルトのsway-bar
が表示されたままで、waybar
は表示されないので~/.config/sway/config
の項目bar
を以下のように編集して、sway側にwaybarの存在を教えてあげます。
bar { #position top # When the status_command prints a new line to stdout, swaybar updates. # The default just shows the current date and time. #status_command while date +'%Y-%m-%d %I:%M:%S %p'; do sleep 1; done swaybar_command waybar colors { #statusline #ffffff #background #323232 #inactive_workspace #32323200 #32323200 #5c5c5c } }
ここで重要なのはstatud_command
,position top
をコメントアウトして、swaybar_command waybar
を追加することです。
Super + Shift + C(デフォルトの設定)で~/.config/sway/config
を再読込すると上部にbarが表示されはずです。
しかし、私の環境では絵文字が文字化けしてしまいました。
これは、awesome-font
を入れることで解決できました。
$ sudo pacman -S ttf-font-awesome
デフォルトではたくさん表示されてごちゃごちゃしているので、設定ファイル~/.config/waybar/config
のを編集して必要な物のみを表示するように変更します。
今回は"height","width","modules-left","modules-center","modules-right"のみを以下のように編集しました。
"height": 10, // Waybar height (to be removed for auto height) "width": 1912, // Waybar width "spacing": 2, // Gaps between modules (4px) "modules-left": ["sway/workspaces", "sway/mode", "sway/scratchpad"], "modules-center": ["sway/window"], "modules-right": ["idle_inhibitor", "pulseaudio", "network", "backlight", "sway/language", "battery", "clock", "tray"],
デフォルトの配色は自分好みではないので~/.config/waybar/style.css
を編集して好みの色になるようにしました。
CSSを編集したといってもカラーコードを編集しただけですが...
最終的にはこのように仕上がりました。
私は寒色が好きなので、いい感じにできたと思います♪