N-Web

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を書いたりしています。