Microsoft Edgeの外観・テーマを変更する手順まとめ|色・デザインを簡単カスタマイズ

Microsoft Edgeの外観・テーマを変更する方法

おじさん
Microsoft Edgeの色や見た目はどこで変更すればよいのでしょうか?ご教示ください。
オトモ
わかりました。それでは、設定場所と変更方法を説明していきます。

目次

外観・テーマの概要

外観・テーマとは何ですか?

外観・テーマは、Edgeブラウザーの見た目を変更する設定の総称です。「外観」と「テーマ」はそれぞれの役割があり、設定を変更することで自分好みの見た目にカスタマイズすることできます。

Microsoft Edge の外観・テーマの変更前と変更後の画像

外観とテーマの設定場所

外観は「全体的な外観」からブラウザー全体の明るさや基本色を決めるモードを設定することで、タブ・ツールバー・メニューや設定画面の背景色が変更されます。

テーマは「配色テーマ」、「画像のテーマ」タブから背景画像やフレームカラーを選択することで、ブラウザーを自分好みのデザインに変更することができます。

外観とテーマの設定変更箇所の画像
上図は「外観」と「テーマ」の設定画面です。

操作手順

全体的な外観からテーマを変更する

オトモ
まずは外観を変更するため「全体的な外観」の選択項目から明るさのモードの変更手順を説明していきます。

Microsoft Edge を起動して、ブラウザ画面の右上にある [ ••• ] からメニューを開いて「設定」をクリック。

Microsoft Edge ブラウザ画面の右上にある [ ••• ] から「設定」をクリックしている画像

左サイドメニューの「外観」を選択すると、右画面に「全体的な外観」設定項目が表示されます。

左サイドメニューの「外観」を選択している画像

全体的な外観」の設定項目は「システム」、「ライト」、「ダーク」の3つの明るさのモードから選択することができます。

全体的な外観の設定項目を表示している画像

ライト」を選択した場合、ブラウザー全体が白を基調とした明るい見た目になります。明るい部屋で作業をするのに向いている設定です。

全体的な外観の設定メニューから「ライト」を選択している画像

ダーク」を選択した場合、ブラウザー全体が黒・濃いグレーを基調とした暗い見た目になります。目が疲れにくく、暗い部屋で作業をするのに向いている設定です。

全体的な外観の設定メニューから「ダーク」を選択している画像

3つの設定項目(明るさのモード)の種類や特徴は下表にまとめました。設定の目安として参考にしてください。

設定項目詳細特徴
システムデフォルトの設定Windows側のモード設定(ライト/ダーク)に合わせて Edge側も自動で切り替わる。
ライト画面全体が明るい白ベース。昼間や明るい部屋で見やすくなり、文字のコントラストが高く、視認性が良い。
ダーク画面全体が黒・濃いグレー基調夜間や暗い部屋、まぶしさを抑えたいときに向いている。

配色テーマからカラーを変更する

オトモ
配色テーマから選択したカラーをEdgeブラウザに適用させる手順を説明していきます。

<設定場所>
ブラウザの右上の「•••」から設定 > 左メニューから外観 > テーマ

テーマの「配色テーマ」タブをアクティブにすると、テーマカラーが横並びに表示されます。ここでは「クールブリーズ」を選択します。

配色テーマのタブをアクティブにし、テーマカラーを選択している画像

テーマカラー(クールブリーズ)が適用され、ブラウザのタブ・アドレスバー・フレームの色が変更されました。

テーマカラーが適用され、ブラウザのタブ・アドレスバー・フレーム色が変更されている画像
上図では、テーマカラーのクールブリーズが設定されています。

画像のテーマから変更する

オトモ
画像のテーマから選択したデザインテーマをEdgeブラウザに適用させる手順を説明していきます。

<設定場所>
ブラウザの「•••」から設定 > 左メニューから外観 > テーマ

テーマの「画像のテーマ」タブをアクティブにして、テーマのリストから「お好みのデザインテーマ」を選択します。

画像のテーマのタブをアクティブにして、デザインテーマを選択している画像

選択したデザインテーマが適用され、ブラウザーの背景画像 や タブ・フレームの色が変更されました。適用状態は「テーマプレビュー」から確認することもできます。

選択したデザインテーマが適用され、ブラウザーの背景画像 や タブ・フレームの色が変更されている画像

機能補足①:アクセントカラーのみカスタマイズ

画像のテーマでは、テーマの背景画像を変えることなく、アクセントカラーのみを変更することが可能です。カラーのセクションから色を選択するとアクセントカラーのみが変更されます。

画像のテーマのアクセントカラーのみを変更している画像

機能補足②:画像の日替わり更新機能

画像のテーマの右下にある「毎日更新する」のスライドボタンを「オン」すると、設定したデザインテーマが1日ごとに自動的に切り替わります

画像のテーマの「毎日更新する」のスライドボタンをオンにしている画像

機能補足③:背景画像の非表示

画像のテーマにある項目の「画像なし」を選択すると背景画像は非表示になり、背景は単色カラーに切り替わります。

画像のテーマの項目から「画像なし」を選択している画像

テーマの設定を元に戻す方法

オトモ
設定したテーマをすぐにデフォルトの状態に戻すこともできます。便利なので覚えておきましょう。

テーマの右側にある「既定値に戻す」をクリックすると、設定したテーマは初期状態に戻ります。

「既定値に戻す」をクリックして、設定したテーマは初期状態に戻している画像
参考になったらシェアしてね!
  • URLをコピーしました!
目次