Webページを簡単にダークモード化できるオープンソース「darken」

2020/01/20 01:21

darken
https://colinespinas.github.io/darken/

darkenの特徴

「darken」はWebページを簡単にダークモード化できるオープンソースです。

CSSで細かく調整できるため、完成したWebサイトなどにもレイアウトを問わず気軽に導入できます。NPMで取り込むほか、あらかじめセットアップされたCDNから読み込むことも可能。

切り替えに必要なボタンとスクリプトを追加します。

あとはCSSに、変更したい要素にの変数値を設定し

設置したボタン(TOGGLE DARK MODE)を押すと

見事ダークモードに切り替わりました。

この手のツールはたくさんありますが、実際は思った通りに切り替わらない場合も多く、darkenのように簡単かつ細かく調整できるツールは意外と重宝しそうです。

darken
https://colinespinas.github.io/darken/

appstore
googleplay
会員登録

会員登録して、もっと便利に利用しよう

  • 1.

    記事をストックできる
    気になる記事をピックして、いつでも読み返すことができます。
  • 2.

    新着ニュースをカスタマイズできます
    好きなニュースフィードをフォローすると、新着ニュースが受け取れます。