※当サイトではアフィリエイト広告を利用しています

旧サイト『PCまなぶ』もご覧ください。

Windows アプリケーション

ブラウザの表示をダークモードにする方法(EdgeとChromeで説明)

執筆者:山崎信悟 マイクロソフト認定トレーナー。パソコン自作歴30年以上。元プログラマー。元大規模ネットワークエンジニア。現ブロガー・YouTuber。

ブラウザの表示をダークモードにする方法について記載します。2019年5月20日に執筆した記事がなぜか上位になりましたので全面リニューアルしました。

ダークモードにすると、有機EL(OLED)の場合に消費電力が下がります。夜でも見やすくなります。

以下の2点を説明します。

  • 外観をダークモードにする
  • 記事をダークモードにする

外観をダークモードにする

EdgeもChromeも初期値ではOSの設定に依存します。

Edgeの場合

設定⇒外観⇒全体的な外観

  • システムの 既定(初期値)
  • ライト
  • ダーク

Chromeの場合

Chromeの設定⇒デザイン⇒モード

  • ライト
  • ダーク
  • デバイス(初期値)

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

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

設定⇒個人用設定⇒モードを選ぶ⇒ダーク

以上で、ブラウザも含めてダークモードになります。現段階で記事はダークモードになりません。

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

Windows 10では、ダークモードのことを「黒モード」と言っています。Windows 10を黒モードにするだけで大丈夫です。

[Windows]+[I]でWindowsの設定ウィンドウを表示し、「個人用設定」をクリックします。

「色」を選択し、「黒」を選びます。

ダークモードになりました。クールです。

すると自動的にChromeもダークモードになります。

Edgeアプリをダークモードに

右上の「・・・」をクリックし、「設定」を選択します。

「外観」から「ダーク」を選びます。以上で、ダークモードになりました。

外側の枠が太くなっただけで、HPは白いままです。

Webページもダークモードにする方法

「テーマの選択」は、Edgeのインターフェースのみを変更し、Edgeに表示するWebサイトは変更しません。Webページもダークモードにしたい場合は、Microsoftストアにある「Dark Reader」のような拡張機能をインストールします。

それぞれの対象ブラウザをタップしてください。

「Get」をクリックします。

「拡張機能の追加」をクリックします。

以上で、すべてのページがダークモードになります。オフ・オン出来るようにボタンの位置を変更しましょう。「・・・」をクリックし、「拡張機能」を選択します。

あとは、お好みで、サイトごとに設定してください。

まとめ:ダークモードを楽しもう

ChromeとEdgeのダークモードはいかがでしたでしょうか。

「ダークモード」タグにまとめましたので、様々なアプリでタークモードをお楽しみください。

お得な情報

1

ゴールデンウイーク スマイルSALE 2025年4月18日(金) 9:00 ~ 2025年4月21日(月) 23:59まで、Amazonでは「ゴールデンウイーク スマイルSALE」を開催します。 10 ...

2

送料無料ライン39キャンペーン+1% 第二弾のお買い物マラソンも実施中。9割のお店が対象です。 1回の注文は3980円以上であること。キャンペンーンごとに3,000ポイントが上限。(30万円が上限)※ ...

3

Pixel 9aだけじゃない!Google ストアの​お得な​​キャンペーン 4月27日まで 大学生なら10%OFFでPixel 9aを購入できます。他のスマホも可能です。『大学生ならPixel 9a ...

4

新登場の​ Google Pixel 9a 以外にも、​上位モデルの​ Google Pixel 9 Pro、​Google Pixel Buds Pro 2、​Google Pixel Watch 3、​Google Pixel Tablet などが​キャンペーン対象です。

5

現在は、10%OFFで65,340円です。

-Windows, アプリケーション