ITエンジニア/デザイナ向けにオープンソースを毎日紹介

最近の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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2