<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><pre class="cd"><code class="language-html">&lt;link rel=&quot;icon&quot; href=&quot;/favicon.svg&quot; type=&quot;image/svg+xml&quot; media=&quot;(prefers-color-scheme: light)&quot;&gt;
&lt;link rel=&quot;icon&quot; href=&quot;/favicon_dark.svg&quot; type=&quot;image/svg+xml&quot; media=&quot;(prefers-color-scheme: dark)&quot;&gt;
</code></pre><p>という風に<a class="oln" data-kno="K#EDD2/5354" href="/5354" rel="nofollow"><code>media=&quot;(prefers-color-scheme: dark)&quot;</code></a>を付ける
</p><p>ChromeとEdgeではダークモード時にfaviconが切り替わる。Firefox（v100.0）では切り替わらず、後に設定されたfaviconが表示される。
</p><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

media="(prefers-color-scheme: dark)"を使ってfaviconをダークモードで切り替える(Firefox非対応)

<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><p><a class="oln" data-kno="K#EDD2/814F" href="/814F" rel="nofollow">Firefoxのソースコード</a>を調べてみたけど、私の<a class="oln" data-kno="K#EDD2/0FA1" href="/0FA1" rel="nofollow">ソースコード読解</a>力では「<a class="oln" data-kno="K#EDD2/CA44" href="/CA44" rel="nofollow"><code>media=&quot;(prefers-color-scheme: dark)&quot;</code>を使ってfaviconをダークモードで切り替える(Firefox非対応)</a>」がFirefoxで動かない原因となる箇所が特定できなかった。
</p><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

t_wの輪郭

media="(prefers-color-scheme: dark)"を使ってfaviconをダークモードで切り替える(Firefox非対応)

あれ