【ArchLinux】最高のログイン画面

# ログイン画面
ログイン画面はパソコンを起動したとき、最初に意識する画面です。
LinuxでGUIにログインする場合はたいてい、ディスプレイマネージャーを起動させます。
反Gnomeである私はGnomeDisplayManagerが使いたくないため、ずっとLightDMを使用しています。

しかし、デフォルトのlightdm-gtk-greeterははっきりいって汚く、とてもエレガントとは言えません。
LightDMにはGreeterという機能により見た目をカスタマイズできるのですが、ArchLinuxに対応しているGreeterはものすごく少ないのです。

-  lightdm-gtk-greeter
-  lightdm-slick-greeter
-  lightdm-deepin-greeter


まともにインストールできるものだと、これくらいしかありません。更に、これらのものはどれも問題を抱えています。
lightdm-gtk-greeterは汚いし、lightdm-slick-greeterは設定が適用されません。lightdm-deepin-greeterはデスクトップ環境であるDeepinそのものが依存関係になっているため、Greeterを使いたいだけなのに大量のディスク容量を使用してしまいます。

そんな状況を打開しようと、ArchWikiを漁った結果見つけたのが`lightdm-webkit2-greeter`です。
存在は知っていたのですが、Greeterの説明を見てもよくわからなかったのでずっと放置していました。

しかし、他のGreeterがまともに使えず、諦めていたので試しにインストールしてみたら天国でした。

# lightdm-webkit2-greeter

このGreeterはHTMLとJSで自由にテーマを変更できます。そしてすでに完成しているテーマがネット上にたくさん公開されています。
GitHubで見つけただけでも数十個ありました。
その中から、Adaptaテーマに合っているテーマを厳選して2つ紹介したいと思います。

# Greeterの導入

## インストール
テーマの土台となるGreeterを入れないと話が始まらないためまずはGreeterをインストールしましょう。
AURから導入するため、先にyayをインストールしておいてください。

```bash
yay -S lightdm-webkit2-greeter
```

インストールが完了したらGreeterを変更していきます。

## 設定の適用

```bash
sudo nano /etc/lightdm/lightdm.conf
```

Root権限でnanoを起動し、`[Seat:*]`にある

```/etc/lightdm/lightdm.conf
...
#greeter-session=
...
```

を

```/etc/lightdm/lightdm.conf
...
greeter-session=lightdm-webkit2-greeter
```
に変更してください。

これでGreeterの適用は完了です。

# テーマ紹介

テーマは自分で探してもいいですが、lightdm-webkit-greeter用とlightdm-webkit2-greeter用とがあるので注意してください。
## lightdm-theme-sapphire

スクリーンショットは[公式GitHub](https://github.com/Sujaykumarh/lightdm-theme-sapphire)から引用。
![image.png](https://raw.githubusercontent.com/Sujaykumarh/lightdm-theme-sapphire/master/screenshot/Screenshot_1.png)

非常に洗練されて高機能なテーマです。
[こちらのページ](https://sujaykumarh.github.io/lightdm-theme-sapphire/)でデモを試すこともできます。

ソースコードは[こちら](https://github.com/Sujaykumarh/lightdm-theme-sapphire)です。

### インストール

AURにあるため簡単にインストールできます。

```bash
yay -S  lightdm-webkit2-theme-sapphire
```

## lightdm-webkit-modern-arch-theme

スクリーンショットは[公式GitHub](https://github.com/lveteau/lightdm-webkit-modern-arch-theme)から引用
![imagess.png](https://camo.githubusercontent.com/0b3e07059a7bfd0c61a055d02519b292312d15ce/68747470733a2f2f63646e2e646973636f72646170702e636f6d2f6174746163686d656e74732f3239373035303233393631363135353635392f3331353733363133393737303233323833352f436170747572655f64656372616e5f64655f323031372d30352d32315f30382d31352d33302e706e67)

lightdm-deepin-greeterのようなmacOSのような雰囲気のテーマです。
UIがとてもきれいです。
公式にはデモページがあったのですが、2019/10/18現在ではリンク切れしています。

### インストール

こちらはAURにないため手動でインストールする必要があります。

```bash
cd
git clone https://github.com/lveteau/lightdm-webkit-modern-arch-theme.git
cd lightdm-webkit-modern-arch-theme
sudo ./install.sh
sudo rm /usr/share/lightdm-webkit/themes/ltheme/README.md
cd
rm -r  lightdm-webkit-modern-arch-theme
```
### 背景画像の変更

このテーマではGUIの設定が用意されていないため、背景の画像を変更するには直接差し替える必要があります。

```bash
sudo mv /usr/share/lightdm-webkit/themes/ltheme/main-bg.png main-bg.png.bak
sudo cp /path/to/background/image.png /usr/share/lightdm-webkit/themes/ltheme/
```

# テーマ適用

テーマの適用は`/etc/lightdm/lightdm-webkit2-greeter.conf`を編集して行います。
`[greeter]``webkit_theme`の値を変更します。
設定できる値は以下のコマンドで確認できます。

```bash
ls /usr/share/lightdm-webkit/themes/
```

今回は「lightdm-webkit-modern-arch-theme」が入っている`ltheme`を設定してみます

```/etc/lightdm/lightdm-webkit2-greeter.conf
...
[greeter]
debug_mode          = false
detect_theme_errors = true
screensaver_timeout = 300
secure_mode         = true
time_format         = LT
time_language       = auto
webkit_theme        = ltheme
...
```

ログアウトしてみて設定が適用されているか確認してください。