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

概要

ダークモードって良いですよね。
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);
javascript
new Darkmode().showWidget();
```

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

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

参考

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