CSSフレームワーク「Materialize」で、デフォルトがダークモードになったのでライトモードで使う方法

この記事の目次

事象

このサイトでも利用しているCSSフレームワーク「Materialize」ですが、
npm updateするとデフォルトがダークモードになっていたようで、真っ暗になってしまいました。

公式サイトには、ダークモードとライトモードの切り替えのボタンしかなく、特に説明もなく困りました。

困ったときのGitHub issueですね。

どうやらhtmlタグのthemeを設定すれば良いようです。

<html lang="ja" theme="light">

theme="light"を指定するとライトモードでの表示になり、
theme="dark"を指定するとダークモードになるようです。

[PR] おすすめの本

この記事を書いた人

Nな人（えぬなひと）。
Nは本名から取っています。
Laravelが大好きなPHPerで、WEBを作るときはLaravelを技術スタックに絶対推すマン。
PHP、Pythonと、昔はperlを書いていたP言語エンジニア。
最近はNimを書いたりしています。