萌え化参考資料
- moebuntu使用カラー一覧
- デスクトップテーマの作り方
- 参考サイト
- 便利なアプリケーション
- テキストエディタAtomの便利機能
- pigments
- color-picker
- gresourceのデコンパイル とコンパイル
- gresourceのデコンパイル
- gresourceのコンパイル
- MoePinkShell5の使用カラー
moebuntu使用カラー一覧
萌え化の色設定をする際などに参考にしてください。
| Moe-Pink | Moe-Blue | Moe-BlueGreen | Moe-Yellow | Moe-Red | Moe-Orang | Moe-Navy | Moe-Green | Moe-Purple |
| #fff4ff | #F4F8F9 | #edf7f5 | #FFFCF4 | #fff9f9 | #fffbf7 | #f9faff | #FBFFF7 | #fbf7ff |
| #FEA5FA | #7bdcf7 | #92dddd | #FFD335 | #f89494 | #ffb420 | #8a95ec | #b5eb82 | #ba7ef7 |
| #ff66f7 | #31ccf7 | #5cd7db | #ffcd19 | #f86a6a | #ffaa00 | #7b88ea | #a3e663 | #b46ef9 |
| #ff4cf6 | #18C7F7 | #2aced3 | #ffbb35 | #f75757 | #ff9900 | #6d7be8 | #6ee500 | #a95af8 |
| #ff33f4 | #00c1ff | #00ccd3 | #ff8a00 | #f74545 | #ff6a00 | #2e44e8 | #56b200 | #9431f7 |
| #ffccff | #ade7f7 | #c6efed | #ffe399 | #ffcccc | #ffdbba | #ced1e5 | #c3e5a0 | #d7b6fa |
| #cc84c8 | #66b5cc | #6fa8a5 | #cca92a | #cc7a7a | #e5a21d | #6971b2 | #6bb724 | #9f78c6 |
＊この色を元に各テーマの設定ファイル内で濃淡の調整がされています。
＊下の2行は影色系で少しくすんでます。
（シェルスクリプト等でこの表を使う場合などに便利なように、moe-color-chart.txtを作ってみました。
各行の先頭（左端）がカラー名でこの表の順に明るい色から濃い色、くすみ系に並んでいます。各項目は、スベースで区切られています。）
デスクトップテーマの作り方
参考サイト
＊他に参考サイトなどありましたら追記お願いします。
便利なアプリケーション
テキストエディタAtomの便利機能
最近開発が盛んなエディタAtomでカラーコードを扱う際に便利なパッケージを2つ紹介します。
pigments
pinmentsをインストールすると、編集画面上のカラーコードを自動的に読み取って、テキストの背景色をその色で表示してくれます。
実際の色を確認しながら、編集ができます。
color-picker
Ctrl+Alt+Cで開きます。
カラーコードのテキスト中で開くと、そのコードの色を表示します。
また、color-picker上で色を選択すると、即そのコードがテキストに反映されます。
gresourceのデコンパイル とコンパイル
gresourceのデコンパイル
一般的な取り出しスクリプト。このスクリプトでは、gresourceの階層構造も含んだでコンパイル結果が得られます。
extract.sh
――――ここから
#!/bin/sh
workdir=${PWD}
gst=$1
for r in `gresource list $gst`; do
target="$workdir/$r"
targetdir="${target%/*}"
if [ ! -d ${targetdir} ]; then
mkdir -p ${targetdir}
fi
gresource extract $gst $r >$target
done
――――ここまで
$ chmod +x extract.sh
などで、実行可能にしましょう。
Ubuntu20.04からは、gnome-shellのcssはコンパイルされ、gnome-shell-theme.gresourceになりました。
例として、~/ダウンロード下にextract.shをおいた場合で説明します。
実行属性をつけておきます。
$ cd ~/ダウンロード
$ chmod +x extract.sh
$ ./extract.sh /usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource
これで、~/ダウンロード/org/gnome/shell/theme以下におなじみのsvgやcssが展開されます。（階層も含んで以下の階層も作られています）
gresourceのコンパイル
今度は、コンパイルのためのxmlファイルを作ります。
$ gedit ~/ダウンロード/org/gnome/shell/theme/gnome-shell-theme.gresource.xml
（lsとls -d(相対パス表示)で少し楽ができます）
ーーーここから
<?xml version="1.0" encoding="UTF-8"?>
<gresources>
<gresource prefix="/org/gnome/shell/theme"> <file>Yaru/gnome-shell-high-contrast.css</file> <file>Yaru/gnome-shell.css</file> <file>Yaru-dark/gnome-shell-high-contrast.css</file> <file>Yaru-dark/gnome-shell.css</file> <file>calendar-today.svg</file> <file>checkbox-dark.svg</file> <file>checkbox-focused-dark.svg</file> <file>checkbox-focused.svg</file> <file>checkbox-off-dark.svg</file> <file>checkbox-off-focused-dark.svg</file> <file>checkbox-off-focused.svg</file> <file>checkbox-off.svg</file> <file>checkbox.svg</file> <file>dash-placeholder.svg</file> <file>gdm3.css</file> <file>icons/scalable/actions/eye-not-looking-symbolic.svg</file> <file>icons/scalable/actions/eye-open-negative-filled-symbolic.svg</file> <file>icons/scalable/actions/keyboard-caps-lock-filled-symbolic.svg</file> <file>icons/scalable/actions/keyboard-enter-symbolic.svg</file> <file>icons/scalable/actions/keyboard-hide-symbolic.svg</file> <file>icons/scalable/actions/keyboard-layout-filled-symbolic.svg</file> <file>icons/scalable/actions/keyboard-shift-filled-symbolic.svg</file> <file>icons/scalable/actions/pointer-double-click-symbolic.svg</file> <file>icons/scalable/actions/pointer-drag-symbolic.svg</file> <file>icons/scalable/actions/pointer-primary-click-symbolic.svg</file> <file>icons/scalable/actions/pointer-secondary-click-symbolic.svg</file> <file>icons/scalable/status/message-indicator-symbolic.svg</file> <file>no-events.svg</file> <file>no-notifications.svg</file> <file>pad-osd.css</file> <file>process-working.svg</file> <file>toggle-off-dark.svg</file> <file>toggle-off-hc.svg</file> <file>toggle-off.svg</file> <file>toggle-on-dark.svg</file> <file>toggle-on-hc.svg</file> <file>toggle-on.svg</file> </gresource>
</gresources>
ーーーここまで
カレントディレクトリを、合わせ、コンパイルします。
$ cd ~/ダウンロード/org/gnome/shell/theme
$ glib-compile-resources gnome-shell-theme.gresource.xml
これで、gnome-shell-theme.gresourceができます。
MoePinkShell5の使用カラー
- 最終更新:2020-09-26 00:35:26