highlight.js

<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><pre class="cd"><code class="language-">&lt;link rel=&quot;stylesheet&quot; href=&quot;/highlight/styles/a11y-dark.min.css&quot; media=&quot;(prefers-color-scheme: dark)&quot;&gt; 
&lt;link rel=&quot;stylesheet&quot; href=&quot;/highlight/styles/a11y-light.min.css&quot; media=&quot;(prefers-color-scheme: light)&quot;&gt; 
&lt;script src=&quot;/highlight/highlight.min.js&quot;&gt;&lt;/script&gt;
</code></pre><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

highlight.jsでダークモードの時にスタイルを切り替える

<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><p>自動的に色付け。
</p><pre class="cd"><code class="language-js">hljs.highlightAll();
</code></pre><p><a class="oln" data-kno="K#F85E/B8EA" href="/?fg=KNo.F85E/B8EA" rel="nofollow">要素</a> elm を指定して色付け。
</p><pre class="cd"><code class="language-js">hljs.highlightBlock( elm );
</code></pre><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>