Set the Dark Mode Widget Button on the Web Page by JS

JSでサイトをダークモードにする切り替えスイッチ（ウィジェット）設置

色を変えたくない箇所には、darkmode-ignore　というクラスを付け加えて、CSSを設定することができるようです。

このライブラリは、CSS mix-blend-modeを使用して、ダークモードを任意のWebサイトに提供します。スニペットをコピーして貼り付けるだけで、ダークモードをオンまたはオフにするウィジェットが表示されます。ウィジェットなしでプログラム的に使用することもできます。プラグインは軽量で、VanillaJSで構築されています。また、デフォルトでlocalstorageを使用するため、最後の設定が記憶されます。

制作者の参照元を見る

特徴

1
2
3
4
5
6
7
8
9