Chromeでアクティブなタブをハイライト表示する方法

Chromeには、アクティブなタブだけを色付けする個別のスイッチはありません。最も手っ取り早い解決策は、選択タブと背景タブの色が大きく異なるテーマを適用することです。例えば、Chromeウェブストアの「White and Black Theme for Google Chrome」のページで説明されているように、アクティブなタブが白く、背景タブが黒色になります。これにより、選択タブが一目で分かりやすくなります。これらの手順はデスクトップ版Chrome向けです。Chromeウェブストアのヘルプで説明されているように、テーマはブラウザのフレームと新しいタブページの色を変更するものであり、ウェブサイト内の色を変更するものではありません。

選択したタブを際立たせるテーマをインストールします

Chromeのテーマは、ブラウザの「外観」設定、または新しいタブページのカスタマイズパネルから適用できます。以下の手順ではテーマギャラリーを使用するため、インストール前にテーマの内容を確認できます。

1. Chromeのテーマギャラリーを開きます。

Chromeでは、3点メニュー（その他） >設定>外観>テーマを選択して、ウェブストアのギャラリーを開きます。または、新しいタブページから、Chromeをカスタマイズ>外観>テーマの変更を選択します。現在のパスは、Chromeのテーマの説明と新しいタブのカスタマイズガイドに記載されています。

2. リスト内のアクティブタブの色を確認する

高コントラストのテーマを探し、インストールする前に説明を確認してください。例として、アクティブなタブは白、背景のタブは黒と記載されているものがあります。ラベルだけで選ばないでください。ダークテーマの中には、すべてのタブでほぼ同じ色合いを使用しているものもあります。プレビューでタブの帯が表示されない場合は、アクティブな色と非アクティブな色が明記されているテーマを選びましょう。

3. テーマを追加して結果を確認します

テーマのChromeウェブストアページで、「Chromeに追加」を選択し、確認を求められたら承認してください。テーマはすぐに適用され、再起動は不要です。複数のタブを開き、タブ間を切り替えてみてください。白いタブは選択したページに追従し、非アクティブなタブは暗いままになります。コントラストが読みにくい場合は、ギャラリーに戻って別のテーマをお試しください。

Chromeのテーマが何を変えるのか

テーマは、タブ領域や新規タブの背景など、Chromeのインターフェースに影響を与えます。ウェブサイトのテキスト、色、コンテンツは変更されません。タブ同士が混ざり合っている場合にテーマは役立ちますが、コントラストの低いページを修正することはできません。アクティブなタブだけでなく、ツールバーやタブのタイトルも変更されるため、読みやすさも確認してください。

Chromeの組み込みブラウザカラーを試してみてください

ストア全体のテーマを変更せずに全体的な色を変更するには、新しいタブページを開き、[Chrome のカスタマイズ] > [外観]を選択します。利用可能なブラウザの色またはモードを選択してください。Chrome は、選択したテーマまたは背景と調和する色を提案する場合があります。これらのコントロールはブラウザのカラーパレットを変更しますが、ドキュメントに記載されているパネルには、アクティブなタブの色を個別に選択できる機能はありません。アクティブなタブが背景色に溶け込んでしまう場合は、アクティブなタブと背景タブを明確に区別するテーマを選択してください。

デフォルトの外観に戻したい場合は、テーマをリセットしてください。

テーマを削除するには、「その他」 > 「設定」 > 「外観」を開き、「既定値に戻す」を選択します。Chrome はクラシックテーマに戻ります。インストール直後に「元に戻す」を選択することもできます。これらのオプションについては、Chrome テーマの削除に関する公式の手順書に記載されています。

アクティブなタブがまだ溶け込んでいる場合

• 単に暗い色調にするだけでなく、コントラストを重視しましょう。テーマによっては、タブストリップ全体が暗くなり、アクティブなタブだけがほぼ同じ色合いになってしまうことがあります。選択したタブの表面と、その背後にあるタブとの間に、はっきりとした違いがあることを確認してください。
• タブのタイトルと背景色を確認してください。タブのタイトルが読みにくくなると、タブを明るくしても意味がありません。テキストのコントラストが悪い場合は、別のテーマを試すか、デフォルト設定に戻してください。
• ブラウザの色とウェブサイトの色は別物であることを覚えておいてください。ページ自体が読みにくい場合は、そのサイトの表示設定またはChromeのズームを調整してください。テーマを変更しても、Chromeのインターフェースのみが変更されます。

Chromeでアクティブなタブだけを1つの設定でハイライト表示することはできますか？

Chromeのドキュメントに記載されている外観設定には、アクティブなタブを切り替える専用機能はありません。最も簡単な方法は、アクティブなタブと非アクティブなタブを明確に区別するテーマを使用することです。正確なカスタムカラーを設定するにはテーマパッケージが必要ですが、その高度な方法についてはChromeのテーマ開発者向けドキュメントに記載されています。