Zorin OS 9 Lite を萌え仕様に変えてみる

[Zorin OS](http://zorin-os.com/download9.html) は Ubuntu ベースのディストリビューションです. 何でも windows ユーザーに配慮した設計になっているとのこと. そのせいかデフォルトで wine やら PlayOnLinux がインストールされています. 特に理由はないですが萌え？仕様にすることにしてみました. 

参考にしたサイトは以下の通りです.

1. [mobuntu](http://moebuntu.web.fc2.com/)
2. [萌え萌えmoebuntu](http://moebuntu.blog48.fc2.com/blog-entry-824.html?sp)
3. [npc3-150709](http://mifmif.mydns.jp/pcpc/?npc3-150709)

すべての手順は 1 のサイトにあります. 見る項目は [moeluntu](http://moebuntu.wiki.fc2.com/wiki/Lubuntu%E3%82%92%E8%90%8C%E3%81%88%E5%8C%96) です. 

以下に自分が行った手順を記述します. 

## 素材の準備と配置

### まず素材を準備する.

* 壁紙の取得
* テーマの取得
* アイコンの取得
* フォントの取得
* メニューアイコンとロゴを取得

壁紙は好みの萌え絵のものを適当に見繕いましょう.
私はテーマ青を選びました. [Moe-Blue6.tar.gz](https://drive.google.com/file/d/0Bw_vZAQHu_toRnFVR24yWS1RWnc/edit?usp=sharing)
アイコンは moebuntu のサイトで配布されているものを頂きました. [MoePinkIcons](https://drive.google.com/file/d/0Bw_vZAQHu_toclpiNWN1MzRuR2s/view?usp=sharing)
フォントも好みのフォントを適当に見繕いましょう. 私はとりあえず[ニコモジ+](http://nicofont.pupu.jp/nicomoji-plus.html)を使わせて頂くことにしました. 
2 のサイトにあったロゴとアイコンを拝借させて頂きました.

以下, テーマは「Moe-Blue6」,アイコンは「MoePinkIcons」で説明します. 該当箇所は適宜読み替えてください.

### 壁紙, メニューアイコン画像, ロゴを適当なディレクトリに配置

私の場合は 

* `~/SystemPictures/WallPaper/` に壁紙画像
* `~/SystemPictures/Logo/` にロゴ
* `~/SystemPictures/Panel` にメニューアイコン 

をそれぞれ配置しました. 

### テーマ, アイコン, フォントを展開して `/usr/share/` 配下の対応するディレクトリにフォルダごと配置する.

* Moe-Blue6フォルダとその中身はそのまま `/usr/share/themes` へ移動する.
* MoePinkIconsフォルダとその中身はそのまま `/usr/share/icons` へ移動する.
* フォントも上記と同様に `/usr/share/fonts/truetype` へ移動する.  
※ *.TTF を配置するとシステムに自動的に読み込んでくれる模様です.

## テーマの変更

ZorinOS 9 lite をクリーンインストールした初期画面は以下のような画面だと思います.

![ZorinOS9liteクリーンインストール初期画面.png](https://qiita-image-store.s3.amazonaws.com/0/59089/0f71a1f8-0e92-fe96-7d34-18c2270e860c.png)


ZorinOS 9 lite はデスクトップ環境に[LXDE](https://ja.wikipedia.org/wiki/LXDE)を採用している模様です. これを萌え仕様に変更します.

### 背景の変更

1. スタートメニューをクリック. メニューの一覧を開く.
2. 「設定」の項目から「デスクトップの設定」を起動.
3. 壁紙の項目を事前に用意した壁紙に設定する.
4. フォントの項目を事前に用意したフォントに設定する.

![image](https://qiita-image-store.s3.amazonaws.com/0/59089/e1774438-ea51-720d-f508-e2e9527d3989.png)

### スタートメニューアイコンの変更

1. スタートメニューで右クリック.
2. 「メニューの設定」の項目を起動.
3. アイコンの選択画面が起動するので, 用意したメニューアイコンを選択して「閉じる」ボタンをクリック.

![メニューアイコン変更.png](https://qiita-image-store.s3.amazonaws.com/0/59089/dd3d0146-4dc2-9f37-f3a6-43eac27b7fa1.png)

### テーマの変更

1. スタートメニューをクリック. メニューの一覧を開く.
2. 「設定」の項目から「ルックアンドフィールを設定します」を起動.
3. 「ウィジェット」のタブを選択.
4. ウィジェットのテーマを「Moe-Blue6」に設定.
5. デフォルトのフォントを事前に用意したフォントに設定する.
6. 「色」のタブを選択.
7. 「独自のカラースキームを使用する」にチェックを入れる.
8. 「アイコンテーマ」のタブを選択.
9. 「MoePinkIcon」に設定する.
10. 「ウィンドウ境界」のタブを選択.
11. 「テーマ」の項目を選択.
12. テーマを「Moe-Blue6」に設定する.
13. 「タイトルバー」の項目を選択.
14. 事前に用意したフォントの Bold に設定する.
15. 「その他」の項目を選択
16. 「メニューヘッダー」と「メニュー項目」のフォントは事前に用意したフォントの Regular を設定する.
17. 「オンスクリーンディスプレイ」と「アクティブでないオンスクリーン」のフォントは事前に用意したフォントの Bold を設定する.
18. ダイアログの「適用」をクリック.
19. ダイアログを閉じる.

![ルックアンドフィール設定ウィジェット.png](https://qiita-image-store.s3.amazonaws.com/0/59089/150b49e6-0cb4-b3d7-5499-10195e4c674f.png)
![ルックアンドフィール設定色.png](https://qiita-image-store.s3.amazonaws.com/0/59089/742e989f-b4ad-e3ea-6433-4660cb056f2b.png)
![ルックアンドフィール設定アイコンテーマ.png](https://qiita-image-store.s3.amazonaws.com/0/59089/1989ab20-343e-ab38-2bc1-582e917a590c.png)
![ルックアンドフィール設定境界テーマ.png](https://qiita-image-store.s3.amazonaws.com/0/59089/24f5ee9b-4c91-972a-5da9-9c55251a16ca.png)
![ルックアンドフィール設定境界タイトルバー.png](https://qiita-image-store.s3.amazonaws.com/0/59089/e885bb67-7115-2a96-dbfd-26e1dca5ad62.png)
![ルックアンドフィール設定境界その他.png](https://qiita-image-store.s3.amazonaws.com/0/59089/1f225865-975c-8950-8ccd-b6c367f26c07.png)

ここまで設定すると, 以下のような状態になり見た目はほぼ萌え仕様と化しました.

![ZorinOS9liteテーマ変更オリジナルぼかし入れ.png](https://qiita-image-store.s3.amazonaws.com/0/59089/f010c36d-9004-9678-ef15-a16549432fec.png)


### ログアウト画面にロゴを追加する

1. 事前に取得した [2](http://moebuntu.blog48.fc2.com/blog-entry-824.html?sp) のサイトにあるロゴはサイズが大きいのでリサイズする. ※ 幅 600 px 程がベスト？
2. ターミナルを起動.
3. `cd /usr/share/lubuntu/images/` 左記のコマンドでディレクトリ移動.
4. `sudo cp /path/to/[リファクトしたロゴ].png logout-banner.png` 左記のコマンドでコピー. ※ 元のロゴが必要な場合はバックアップを取っておくこと.

ログアウト画面が以下のようになります.

![ログアウト画面.png](https://qiita-image-store.s3.amazonaws.com/0/59089/aeaafacf-8c74-308d-7216-a94c340f5648.png)

### ログイン画面のカスタマイズ

1. ターミナルを起動する.
2. `sudo vi /etc/lightdm/lightdm-gtk-greeter.conf` 左記のコマンドでファイルを開く.
3. [greeter] の項目にある background の箇所を事前に用意した背景画像のパスに変更する
4. theme-name の箇所を「Moe-Blue6」に変更する.
5. icon-theme-name の箇所を「MoePinkIcons」に変更する.
6. font-name の箇所を事前に用意したフォントの名前に変更する.

下記参考

```
[greeter]
logo=/usr/share/icons/ZorinLight/64x64/places/start-here.png
background=事前に用意したログイン画面用の背景画像へのパスを指定
theme-name=Moe-Blue6
icon-theme-name=MoePinkIcons
font-name=事前に用意したフォントの名前を指定
xft-antialias=true
#xft-dpi=
xft-hintstyle=full
xft-rgba=rgb
show-language-selector=true
#show-clock=
#clock-format=
#keyboard=
```

ログイン画面が以下のようになります.

![ログイン画面ぼかし.png](https://qiita-image-store.s3.amazonaws.com/0/59089/284aa424-7344-b304-169b-13c5cc5f6d92.png)

### 起動画面をカスタマイズする

1. 以下のコマンドを実行して `Grub Customizer` をインストールします.

```
$ sudo add-apt-repository ppa:danielrichter2007/grub-customizer
$ sudo apt-get update
$ sudo apt-get install grub-customizer
```

2. インストールが完了したら, Grub Customizer を起動します.
3. 「外観」タブを選択します.
4. Theme を 「Custom Settings」に変更します.
5. フォントを変更します.
6. 背景画像を変更します.

![GrubCustomizer.png](https://qiita-image-store.s3.amazonaws.com/0/59089/29ce8ae3-ab27-de23-e792-a3a7fbe17e4e.png)

ブート画面が以下のようになると思います.

![ブート画面.png](https://qiita-image-store.s3.amazonaws.com/0/59089/0f6d7601-b904-c775-283f-4b89bb9370a9.png)

## まとめ

以上が萌え仕様カスタマイズでした.　萌え仕様と書いていますが殆どが背景画像の設定でした. 

概ねこのような感じでカスタマイズが可能です. さらに凝ればもっとカスタマイズできます. 参考サイトではサウンドにまで手を付けています. 萌え仕様で説明させて頂きましたが, LXDE におけるデスクトップのカスタマイズ方法として参考にして頂ければと思います. 

スプラッシュスクリーンの画像を変更する方法は分かりませんでした・・・・