github twitter email rss
awesomeウィンドウマネージャーの見栄えを良くする
Sep 28, 2014
4 minutes read

Arch Linuxで使っているデスクトップマネージャ、awesomeのテーマに若干手を入れてみたので備忘録。あんまり日本語ドキュメントないので、このあたりのカスタマイズしんどかったです。

テーマファイルの構成

awesomeの設定はいくつかのLuaファイルを使って書き換えていく。基本的には全体設定を司る~/.config/awesome/rc.luaと、外観やテーマを司るライブラリである、Beautifulの設定ファイル~/.config/awesome/themes/default/theme.luaの2つを覚えておけばいいのかなと。いずれも初期状態では配置されてないので、デフォルトファイルをコピーしてきて使う。

# cp /etc/xdg/awesome/rc.lua ~/.config/awesome/rc.lua
# cp -r /usr/share/awesome/themes/default ~/.config/awesome/themes/default

Beautifulについてはrc.luaの中で設定ファイルのパスが指定できるので、defaultという名前が嫌だったら任意で変えてもOK。あとは正直awesomeのWiki見るのが手っ取り早いとは思うのだが、設定したところだけ書いておく。ちなみに前回記事で書いたが、awesomeのデフォルトターミナルの設定もrc.luaを使うので、外観変える必要なくてもrc.luaだけは確実に要ると思う。

タグリストの書き換え

awesomeでは仮想デスクトップを”tag”と呼んで扱っていて、デフォルトの状態だと左上に1から8まで(だったかな?)の数字がタグの番号として並んでいる。あまりわかりやすいものではないし、そんなに多くタグも使わないので書き換える。

tags = <span class="synType">{}</span>
<span class="synStatement">for</span> s = <span class="synConstant">1</span>, screen.count() <span class="synStatement">do</span>
    <span class="synComment">-- Each screen has its own tag table.</span>
    tags[s] = awful.tag(<span class="synType">{</span> <span class="synConstant">"Firefox"</span>, <span class="synConstant">"Terminal"</span>, <span class="synConstant">"Vim"</span>, <span class="synConstant">"other"</span> <span class="synType">}</span>, s, layouts[<span class="synConstant">1</span>])
<span class="synStatement">end</span>

あとウィンドウを開いているタグは小さな正方形が表示されたりしていて鬱陶しかったのと、あまり見栄えも良くなかったので、正方形を表示されないようにした上で、フォーカスしているタグは文字色を変えることにした。これはbeautifulの方で設定する。

theme.taglist_fg_focus = <span class="synConstant">"#f15c22"</span>
<span class="synComment">-- theme.taglist_squares_sel   = "/usr/share/awesome/themes/default/taglist/squarefw.png"</span>
<span class="synComment">-- theme.taglist_squares_unsel = "/usr/share/awesome/themes/default/taglist/squarew.png"</span>

1行目がフォーカスされているときのfg、フォアグラウンドカラーの設定。2、3行目はデフォルトで入ってる設定だったのでコメントアウトしておいた。

ウィジェットの表示

画面上の情報表示はウィジェットとして扱う。ウィジェットを管理するライブラリはいくつかあるみたいなんだが、取っつきやすそうなので自分はviciousrc.luaの中でrequireして使っている。

$ yaourt -S vicious

インストールした上で、

<span class="synStatement">local</span> vicious = <span class="synIdentifier">require</span>(<span class="synConstant">"vicious"</span>)

設定の順序としては、awesomeがもともと備えているウィジェット生成用のAPIであるwiboxを使ってウィジェットのの原型をセットし、これにviciousを使って表示させたい情報をセットする。ここではバッテリー状態と音量、Wi-Fiの状態を表示させる。どんな情報を表示させられるのか、詳細はここ

<span class="synComment">--</span>
battxtwidget = wibox.widget.textbox()
vicious.register(battxtwidget, vicious.widgets.bat, <span class="synConstant">" Battery: <span color='#ffffff'>$2%</span> "</span>, <span class="synConstant">60</span>, <span class="synConstant">"BAT0"</span>)
<span class="synComment">--</span>
soundwidget = wibox.widget.textbox()
vicious.register(soundwidget, vicious.widgets.volume, <span class="synConstant">" Vol: <span color='#ffffff'>$1</span> "</span>, <span class="synConstant">2</span>, <span class="synConstant">"Master"</span>)
<span class="synComment">--</span>
wifiwidget = wibox.widget.textbox()
vicious.register(wifiwidget, vicious.widgets.wifi, <span class="synConstant">" Wi-Fi: <span color='#ffffff'>${ssid}</span> "</span>, <span class="synConstant">60</span>, <span class="synConstant">"wlp1s0"</span>)

ウィジェットを作ったら、画面上のレイアウトにウィジェットをセットする。

<span class="synComment">-- Widgets that are aligned to the right</span>
<span class="synStatement">local</span> right_layout = wibox.layout.fixed.horizontal()
<span class="synComment">-- if s == 1 then right_layout:add(wibox.widget.systray()) end</span>
right_layout:add(soundwidget)
right_layout:add(battxtwidget)
right_layout:add(wifiwidget)
right_layout:add(mytextclock)
right_layout:add(mylayoutbox[s])

自分がした設定はこの程度。あとはbeautifulでtheme.font = "sans 10"の設定でフォントサイズを少し大きくしたぐらいだが、beautifulの設定ファイルを見ればわかる通り、かなり細かく色やら何やら設定ができる。このへんに凝り始めるとキリがないので自分はやめることにしたが、好きな人はやってみたらいいんじゃないですかね。1つ、GitHubですげーカッコイイテーマ配ってるの見つけたんで貼っときます。Samuraizuとか思い出すなー。


Back to posts