好きなサイトをダークモード化してみる。

概要

ダークモードって良いですよね。
Darkmode.jsを使って、好きなサイトをダークモード化してみます。

使うもの

• Darkmode.js
• Chrome DevTools

やり方

1. ダークモードにしたいなぁというサイトをChromeで開きます。
2. DevToolsを立ち上げます。

3. Consoleタブを開き、以下を2回に分けて入力します。

   (script = document.createElement('script')).src = 'https://cdn.jsdelivr.net/npm/darkmode-js@1.4.0/lib/darkmode-js.min.js';
   document.getElementsByTagName('head')[0].appendChild(script);
   

   new Darkmode().showWidget();
   

4. ダークモード化されます。（結構アレな見た目ですが）
   

5. 画面右下のダークモード切替え用のウィジェットをポチポチして、通常モードとダークモードを切り替えます。

参考

Chrome開発者ツールのコンソールでJavaScriptライブラリを読み込む - dackdive's blog