Chrome、Firefox、Edge、Safari、Operaでダークモードを有効にする方法

現代のハイテク社会では、多くの人が1日に何時間も画面を見つめています。特に、照明を落とした部屋で明るい画面を見続けると、目に大きな負担がかかります。そこで注目されているのが、黒い背景に明るい文字を表示する「ダークモード」です。ダークモードの方が目に優しく、快適に閲覧できると感じる人も少なくありません。

この記事では、デスクトップ版のChrome、Firefox、Edge、Safari、Operaでダークモード(ダークテーマ)を有効にする方法を解説します。

さらに、サードパーティ製の拡張機能を使って、訪問するすべてのWebページをダークモード化し、ブラウザ全体を暗くする方法もご紹介します。

Chromeでダークモードを有効にする方法

Chromeには、標準で選択できるダークモードは搭載されていません。代わりに、OS側のシステムテーマに従って表示が切り替わる仕組みになっています。

Windowsの場合:「設定」>「個人用設定」>「色」の順に開き、「既定のアプリモードを選択します」で「濃色(Dark)」を選択してください。

Macの場合:「システム環境設定」>「一般」>「外観」で「ダーク」を選択してください。

別の方法として、Chromeウェブストアからダークテーマをインストールすることもできます。たとえば「Just Black」テーマがあり、「Chromeに追加」をクリックするだけで利用可能です。ただし、これは厳密な意味でのダークモードではありません。タイトルバーやタブなど一部の要素のみが変わり、メニューまでは変更されないためです(システムテーマを引き継ぐ場合は、メニューを含む全体がダークになります)。

後からテーマを管理・変更したい場合は、右上の縦に並んだ3点アイコンをクリックし、「設定」>「デザイン」>「テーマ」から行えます。

Firefoxでダークモードを有効にする方法

Firefoxでダークモードを使うには、ダークテーマを有効にします。

1. Firefoxの右上にある「アプリケーションメニューを開く」(横3本線のアイコン)をクリックします。
2. 「アドオンとテーマ」をクリックします。
3. 左側のメニューから「テーマ」を選択します。
4. テーマ一覧の中から「Dark」を見つけ、「有効化」をクリックします。

これで、タイトルバー、ツールバー、メニューなど、Firefoxのすべての要素が即座に黒/グレーの配色に切り替わります。

Edgeでダークモードを有効にする方法

Edgeには独自のダークテーマが用意されており、ブラウザの設定から簡単に有効化できます。

1. Edgeの右上にある「設定およびその他」(横3点ドットのアイコン)をクリックします。
2. 「設定」をクリックします。
3. 左側のメニューから「外観」を選択します。
4. 「全体的な外観」の項目で「ダーク」を選択します。

Edgeは即座にダークテーマへと切り替わり、タブ、ツールバー、メニューなどが暗い配色に変わります。

Safariでダークモードを有効にする方法

SafariもChromeと同様、単体でダークモードを切り替える機能は備わっていません。Macのシステムテーマに連動する仕組みです。

Macをダークテーマに設定するには、「システム環境設定」>「一般」>「外観」で「ダーク」を選択します。

Operaでダークモードを有効にする方法

Operaにはダークテーマが標準で組み込まれており、簡単に有効化できます。

1. 右上の「簡単セットアップ」ボタン(横3本線のアイコン)をクリックします。
2. 「外観」の下にある「Dark」をクリックします。

これで、タブやツールバーなど、Operaの各要素がダークな配色に変わります。

すべてのWebページをダークモードにする方法

ここまで紹介した方法は、メニューやツールバーといったブラウザのインターフェースをダークモードにするものです。しかし、訪問するすべてのWebサイトそのものもダークモードにしたいと考える方もいるでしょう。

ダークテーマを提供しているWebサイトは増えていますが、すべてのサイトが対応しているわけではありません。そこで活躍するのが、サードパーティ製の拡張機能です。これを使えば、あらゆるWebページを強制的にダークモード化できます。ただし、ダークモードを前提に設計されていないサイトでは、表示が崩れて見づらくなる場合がある点には注意しましょう。

おすすめの拡張機能は次の2つです。

1. Dark Reader(Firefox、Chrome、Edge、Safari対応)
2. Dark Mode(Firefox、Chrome、Edge、Opera対応)

特におすすめなのはDark Readerです。明るさやコントラストを細かくカスタマイズでき、特定のサイトだけダークモードのオン/オフを素早く切り替えられるのが魅力です。とはいえ、まずは両方試してみて、自分に合う方を選ぶのがよいでしょう。

また、Chromeユーザーであれば、必ずしも拡張機能に頼る必要はありません。ブラウザに実験的に搭載されているダークモード機能を有効にすることもできます。

1. Chromeのアドレスバーにchrome://flags/と入力します。
2. 検索ボックスでdark modeと入力して検索します。
3. Auto Dark Mode for Web Contentsの横にあるプルダウンメニューをEnabledに設定します。
4. RelaunchをクリックしてChromeを再起動すると、変更が適用されます。

すべてのデバイスでダークモードを活用しよう

今回は、主要なデスクトップブラウザでダークモードを有効にする方法をご紹介しました。ダークモードの快適さは、ブラウザだけにとどまりません。AndroidやiPhoneの多くのアプリもダークモードに対応しています。各アプリの設定をチェックしてみれば、スマートフォンでも目に優しいダークモード環境を整えられますよ。