Vfinity2.0 α
カスタマイズ

テーマ

Vfinity、Glass、Potatoから選び、Theme Studioで自作し、密度、文字サイズ、アニメーションを設定する

試してみる

Vfinityの動作はそのままに、見た目だけを好みに合わせて変更できます。3種類の組み込みテーマから選ぶ、ライトとダークを切り替える、あるいはすべての色や角丸を細部まで調整して自分だけのテーマを作成することもできます。

上のプレビューで試してみてください:テーマやライト/ダークを切り替えると、プレビュー内の小さなスタジオウィンドウも一緒に切り替わります。

テーマを選ぶ

設定外観と言語外観 に移動し、テーマカードをクリックします。

テーマ名特徴
VfinityVfinityの標準スタイル。ピンクとライムのアクセントに丸みのあるパネル。
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ではオフにすることでパフォーマンス向上に役立ちます。
密度、文字サイズ、アニメーション設定は、どのテーマを使っていてもウィンドウ全体に適用されます。

背景画像を追加する

背景画像 の下にある 画像を選択 をクリックします。画像を選んだら、不透明度、ぼかし、および 配置(全体に広げる、収める、並べる)を設定します。文字が読みにくくなる画像が選ばれた場合、警告が表示されます。

作成したテーマ、ライト/ダークモード、背景画像は、バックアップ時の 外観とテーマ 項目に含まれます。

関連ページ