テーマと外観
Phiでは、ブラウザの見た目を設定できます。カラーテーマにライトまたはダークの選択を組み合わせたもので、1つの画面ではなくブラウザ全体に適用されます。一度見た目を選べば、ウインドウも、サイドバーも、新しいタブも、すべてそれに従います。
これらの設定は設定 → 一般にあります。
テーマを選ぶ
テーマのカラー行には、名前の付いたプリセットがカラースウォッチとして並んでいます。それぞれがライト版とダーク版を持つ完全な配色なので、どちらの外観でもテーマは正しく見えます。
Phiに内蔵されているテーマのアクセントカラーは次のとおりです。
| プリセット | ライト | ダーク |
|---|---|---|
| ピュア(デフォルト) | #3aa4d5 | #1e7099 |
| ミント | #73bd4b | #48802a |
| ミスト | #57aed9 | #1e7099 |
| アクア | #4bb9bd | #2a7d80 |
| アイリス | #6357d9 | #3d339c |
| ペタル | #b857d9 | #82339c |
| コーラル | #d95757 | #9c3e3e |
| アンバー | #d9b857 | #9c8133 |
Phiの選択画面では、ピュアは白いスウォッチとして表示され、選択リングに青のアクセントが使われます。上の表が示しているのは、このテーマがそれ以外の場所で実際に使うアクセントカラーです。
カラーの隣にある不透明度スライダは、色の層がウインドウにどの程度現れるかを調整します。上げれば色味が強くなり、下げれば無地に近づきます。
ライト、ダーク、システム
外観は、テーマのカラーとは別の選択です。カラーの外観では次から選べます。
- システム、macOSの設定に従い、それと一緒に切り替わります。
- ライト、常にライト表示になります。
- ダーク、常にダーク表示になります。
選んだテーマの持ち味は、どちらのモードでも保たれます。この設定が決めるのは、テーマのどちらの版を表示するかだけです。
テーマが反映される場所
テーマは、1つの画面ではなくブラウザ全体に適用されます。
- ウインドウ:ツールバー、アドレスバー、タブがテーマカラーを帯びます。その色味の強さを決めるのが不透明度スライダです。
- サイドバー:選択中のタブと、ポインタを重ねたタブにテーマが反映されます。
- 新しいタブ:新しいタブも同じテーマに自動的に従うため、ブラウザのほかの部分と揃います。テーマを変えると、ほかのすべてと一緒に塗り替わります。
- Webページ上の選択テキスト:デフォルトでは、ページ上でテキストを選択すると、選択範囲がテーマカラーで着色されます。ページ本来の選択色を保ちたい場合は、テーマ設定のWebページのテキスト選択にテーマを適用をオフにしてください。
次のステップ
- レイアウトとナビゲーション、モード、サイドバー、タブ、分割表示、タブグループ。
- 新しいタブとウィジェット、テーマが彩る、パーソナライズされた新しいタブ。
- プライバシーとあなたのデータ、データの保存場所と、自分の管理下に置く方法。