テーマの特徴
- メッセージごとに大きなポートレート。 各メッセージの上部にキャラクター画像が広がり、グラデーションで本文へと溶け込みます。境界部分にはキャラクター名が重なります。
- すりガラスのカード。 各メッセージは壁紙の上に浮かぶガラスカードになっており、チャットの背景にあるイラストも場面の一部として残ります。
- 読み分けやすい文字色。 地の文・思考・セリフにそれぞれ見やすい色を割り当てています。Lumi Nightは柔らかな白の地の文、月光ブルーの思考、ほんのり光るバターイエローのセリフ。Lumi Dayはインクブルーの地の文、ブルーの思考、コーラルのセリフです。
- 小説本のような文字組み。 欧文の物語にはLiterata、名前にはFraunces、UIにはNunitoを採用。日本語・中国語・韓国語にはNoto Serifを使い、不自然な擬似イタリック（斜体）には傾けない設計です。
- 描き直したラインアイコンを上部バー、メッセージボタン、入力バーに採用。
- 落ち着いた通知デザイン。 ポップアップ通知は小さなガラスカードで表示され、情報・成功・警告・エラーが色付きのアイコンで分かります。
- ポートレート隅のミニ情報。 メッセージ番号、トークン数、応答時間は小さなチップとして画像の隅に収まります。
ダウンロード
各テーマは小さなJSONファイル1つです。壁紙は任意ですが、テーマはこれらの壁紙に合わせてデザインされています。
SillyTavernへの導入手順
- 上部バーの User Settings（ユーザー設定）を開きます。
- UI Theme の下にある Import a theme file（テーマ一覧の横）をクリックし、ダウンロードしたテーマファイルを選びます。すぐに切り替わります。
- 上部バーの Backgrounds（背景）を開き、Add a new background をクリックして対応する壁紙を選びます。
元に戻したいときは、UI Theme の一覧から他のテーマを選ぶだけです。Lumiが他の設定を変更することはありません。
ポートレートをくっきり表示させる
SillyTavernはメモリ節約のため、アバターを小さなサムネイル（96 × 144ピクセル）に縮小します。そのままではポートレートサイズでぼやけて見えるため、SillyTavernフォルダ内の config.yaml でサイズを引き上げてください。
thumbnails:
dimensions:
avatar:
- 640
- 960
persona:
- 640
- 960その後、data/default-user/thumbnails/avatar と data/default-user/thumbnails/persona のフォルダを削除してSillyTavernを再起動します。次回各アバターを表示したときに、くっきりした新しいサムネイルが作られます。動作が重めのスマホでは、512 と 768 にするとちょうど良いバランスになります。
好みに合わせて微調整する
文字の色は他のすべてのテーマと同じ場所にあります：User Settings → Main Text、Italics Text、Quote Text、Underlined Text。
それ以外の項目はすべて、User Settings → Custom CSS の先頭にある Tweak me という短いブロックにまとまっています。
| 設定項目 | 初期値 | 変わる部分 |
|---|---|---|
--lumi-portrait | 380px | PCでのポートレートの高さ。 |
--lumi-portrait-mobile | 300px | スマホでのポートレートの高さ。 |
--lumi-focus | center 22% | 画像のどの部分を表示するか。2つ目の数値を大きくすると表示範囲が下へ移動します。 |
--lumi-radius | 20px | メッセージカードの角の丸み。 |
--lumi-blur | 14px | すりガラスのぼかし具合。 |
--lumi-indent | 0em | 2em にすると小説のような段落先頭の字下げが入ります。 |
ポートレートを隠したい場合は、User Settings → Hide Chat Avatars をオンにしてください。バナーの代わりに細いヘッダーが表示されます。
Lumiプリセットとお揃いのデザイン
このテーマは、Lumi：Gemini無料プリセット と同じ星空とカラーパレットを共有しています。Lumiの思考・選択肢・あらすじパネルは使用中のテーマに追従するため、Lumi DayとLumi Nightの画面にそのまま自然に馴染みます。