☆Windows10 RS-
Customize Tips★

【 スタートメニューの特定のタイル色を
変える方法 / ブラウザー 】

(旧Edge、及びブラウザー以外のタイル色を変更する方法→ here )
 [Note ] 

Chrome/Firefox/新Edge(以下、"Edge"で記述) 何れも、下記の方法で簡単にタイル色・アイコン(大きさ・図柄共に)を変えることが可能ですが、ブラウザーアップデートの度に、高頻度で元に戻されてしまいます。
(ブラウザー(やPC)によって再現差がありますが、特にChromeとEdgeの場合頻繁に(マイナーアップデート毎?)あります)
その場合、面倒ですが、再度同じ操作を繰り返して変更して下さい。

(Chrome及びEdgeは強制自動更新ですが、自動更新を一時的に停止し手動更新に変える方法もあります)

Chrome、Firefox、Edgeのデフォルトタイル背景色・アイコン

[タイル色を他のタイルと揃えたい場合・アイコン画像も変更したい場合]

Chrome/Firefox/Edge は、ブラウザーインストールの時期(或いは、"プログラム"フォルダ内のショートカットカスタマイズしていれば、その時期)によって背景色・アイコン表示が変わることもありますが、例えば、21H1/20H2 (2021年6月現在)だと上の画像のようになります。
(「2004(20H1)以前~」は、バージョンによって違いはありますが こんな感じ)

「このままではあまりに・・・(^^;」な気がしますが、幸い、背景色を他のタイルと揃えたり、アイコン画像も変更したりは簡単にできます。
(手間はかかりますが・・・)

方法は、一言で言ってしまうと「タイル表示を規定するxmlファイルを撤去(削除)」ですが、具体的には、

  1. ブラウザーが起動している場合は、一旦終了させる

  2. ブラウザー実行ファイル本体の場所と同じフォルダ内に、該当のxmlファイルがあるのを確認

    (PC環境によって場所が違いますが、例えばCドライブにインストールの場合:

    ChromeC¥ Program Files (x86)¥Google¥Chrome¥Application¥
    Firefox  :C¥ Program Files¥Mozilla Firefox¥
    Edge    :C¥ Program Files (x86)¥Microsoft¥Edge¥Application¥

      (この例では、全て 64Bit OS)

    に、それぞれ、

    chrome.VisualElementsManifest.xml
    firefox.VisualElementsManifest.xml
    msedge.VisualElementsManifest.xml

    という名前のファイルがあるはずなので確認)

    (*:ブラウザーのバージョンやPC環境によっては、
     C¥ Program Files¥Google¥Chrome¥Application¥
     の場合も有り)

  3. メモ帳などテキストエディタでxmlファイルを開き、内容が「タイル表示を規定」なのを確認の上
    (「VisualElements」「Logo」「BackgroundColor」など記載されているので、すぐ分かります)
    当該フォルダの外に撤去 (念のため、削除はせずに別の場所に保管しておく方がいいと思います)
    (なお、ファイルを撤去の際に「管理者権限・・・」のダイアログが出るかもしれませんが、「OK」クリックで続行して下さい)

  4. すぐに変更が反映されない場合(反映されない方が多いかもしれません)、"該当のタイルを右クリック→その他→ファイルの場所を開く"を順にクリック→ here

  5. "プログラム"フォルダが開くので、"該当のショートカットアイコン右クリック→プロパティ→アイコンの変更"で変更
    (アイコンはそのままで背景色だけを変更したい場合は、「アイコンの変更」画面を開いた後、設定は変えずにそのまま「OK」ボタン→「適用」ボタンをクリックして下さい)

  6. 一回で反映されない場合は繰り返し「4.~」を行ない、それでも変更されない場合はPC再起動

Chrome、Firefox、Edgeのタイル背景色・アイコン画像変更後

タイルの色とアイコンのサイズが変更されました。
(上の画像の左側のように表示されればアイコン画像変更も可能になっているので、右側のように変えてみました)

※ Chromeは、Ver.80から、起動時タスクバーに表示されるアイコン画像も変更されるようになりました。
  (Edgeは、Ver.85~88では変更なしになっていましたが、Ver.89以降、再び変更されるようになりました)

Chrome、新Edge(共にVer.90)などのタイル背景色・アイコン画像変更後&タスクバーアイコン表示画像

(因みに、xmlファイルはそのままでアイコンのみ変更の場合
 → 20H22004 )

[タイル色のみ(独自の色に)変更したい場合]

(*: 20H2(& Chrome Ver.87~)では無効になった模様です→ here)

「タイルの色だけ好みの色に変えたい」という方はあまりいないかと思いますが、「タイル表示を規定するxmlファイルを撤去」ではなく、「xmlファイルを編集」すれば可能です。
(xmlファイルを移動させずに編集すると変更が反映されないことがあるので、一旦ファイルを他の任意の場所に移動し、コピーを取った上で編集して元の場所に戻した方が無難だと思います)

手順は、[タイル色を他のタイルと揃えたい場合・アイコン画像も変更したい場合]と同様です。

下の例では、「BackgroundColor='#xxxxxx'」を編集し、Chromeは「#ff7777」(≒サーモンピンク)、Firefoxは「#fffffa」(≒オフホワイト)に指定しています。

ChromeとFirefoxのタイル背景色のみ任意の色に変更