最近のOSではダークモードが導入されています。時間によって変わることもできれば、単に暗めのUIが好きという人も選択できます。開発者であればダークモードを好む人も多いでしょう。 そんな中、ダークモードなのにWebサイトが明るいままだと興ざめです。解決してくれるライブラリとしてdarkmodejsを紹介します。

darkmodejsの使い方

ダークモードで表示した例です。ウィンドウ下部にもdarkと認識されています。

ライトモードです。その場で認識が変わります。

darkmodejsはOS側で設定されているダーク、ライトモードを認識します。macOS、Windows10、iOSなどに対応し、WebブラウザもSafariやGoogle Chrome、Firefoxなどで動作します。滞在時間の長いWebアプリケーションほど使っていきたいライブラリです。

darkmodejsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

Home | Demo app for darkmodejs Assortment/darkmodejs: Utility package for managing Dark Mode on the web