テーマ
Vfinity、Glass、Potatoから選び、Theme Studioで自作し、密度、文字サイズ、アニメーションを設定する
Vfinityの動作はそのままに、見た目だけを好みに合わせて変更できます。3種類の組み込みテーマから選ぶ、ライトとダークを切り替える、あるいはすべての色や角丸を細部まで調整して自分だけのテーマを作成することもできます。
上のプレビューで試してみてください:テーマやライト/ダークを切り替えると、プレビュー内の小さなスタジオウィンドウも一緒に切り替わります。
テーマを選ぶ
設定外観と言語外観 に移動し、テーマカードをクリックします。
| テーマ名 | 特徴 |
|---|---|
| Vfinity | Vfinityの標準スタイル。ピンクとライムのアクセントに丸みのあるパネル。 |
| Glass | すりガラス風パネル、柔らかな影、バイオレットとティールのアクセント。 |
| Potato | 無駄を削ぎ落とした、極めて軽量でシンプルな外観。 |
1.xから移行された方へ:旧「Streetwear」は Vfinity に、旧「Modern」は Glass に改称されました。保存済みのテーマ設定はそのまま引き継がれます。
ライトモードとダークモードを切り替える
タイトルバーの太陽または月のアイコンをクリックします。ウィンドウ内の何もない場所を右クリックしてモードを選ぶか、Ctrl+K/Cmd+K から検索して切り替えることもできます。すべてのテーマが両方のモードに対応しています。
テーマを自作する
Theme Studioを開く
Theme Studioを開く をクリックするか、組み込みテーマカードの下にある 複製 をクリックします。組み込みテーマ自体は変更されず、最初の変更時に自動で「Glass コピー」のような複製が作られます。スタジオ内リストの 新規テーマ からゼロから作ることもできます。
トークンを変更する
上部のグループ(サーフェス、ブランドと状態、タイポグラフィ、形状 など)を選び、色、フォント、サイズを変更します。詳細設定 にチェックを入れるとグループ内の全トークンが表示されます。リアルタイムプレビュー は実際のUIコンポーネントを使用しており、編集内容が即座に反映されます。
両方のモードを調整する
上部で ダーク と ライト を切り替え、それぞれを個別に編集します。ライトモードを自動生成(または ダークモードを自動生成)を使うと、もう一方のモードを自動算出できます。コントラスト比チップに AA適合 または AA未満 と表示されるので確認してください。
保存する
テーマ名 を入力し、保存 をクリックします。変更を破棄 を押すと変更前の状態に戻ります。テーマは最大30個まで保存できます。
テーマを共有する
Theme Studio内の エクスポート を使うと、編集中のテーマを .json ファイルとして書き出せます。インポート を使えば、他の配信者が作成したテーマを自分のリストに追加できます。
個別の表示設定を行う
Theme Studioの最下部にある 個別設定 は、テーマに依存せずあなた自身のPC設定として保存されます。変更すると即座に保存され、テーマを切り替えても維持されます。
- 密度: コンパクト、標準、ゆったり から間隔を選択します。
- 文字サイズ: 85%〜130% の範囲で調整します。
- アニメーション: システムに従う はOSの視覚効果(視差効果の低減など)に連動します。オフ はトランジションやホバー動作を停止します。フル はOSの設定に関係なくアニメーションを常に再生します。
- すりガラス効果をオフ と グロー効果をオフ: すりガラスのぼかし処理はGPU負荷がかかるため、負荷の高い配信PCではオフにすることでパフォーマンス向上に役立ちます。
背景画像を追加する
背景画像 の下にある 画像を選択 をクリックします。画像を選んだら、不透明度、ぼかし、および 配置(全体に広げる、収める、並べる)を設定します。文字が読みにくくなる画像が選ばれた場合、警告が表示されます。
作成したテーマ、ライト/ダークモード、背景画像は、バックアップ時の 外観とテーマ 項目に含まれます。